java 图片上传 预览 demo_图片上传预览

【实例简介】

实现图片上传预览，可以增加新的空数组，并上传和替换。还有删除功能；提交的时候，还可以判断是否有空的img

【实例截图】

【核心代码】

613ddc50-96b8-4197-ba2e-1e84f3346fb9

└── demo

├── assets

│ ├── css

│ │ ├── ace-ie.min.css

│ │ ├── ace.min.css

│ │ ├── ace-rtl.min.css

│ │ ├── ace-skins.min.css

│ │ ├── bootstrap-editable.css

│ │ ├── bootstrap.min.css

│ │ ├── bootstrap-timepicker.css

│ │ ├── chosen.css

│ │ ├── codemirror.css

│ │ ├── colorbox.css

│ │ ├── colorpicker.css

│ │ ├── datepicker.css

│ │ ├── daterangepicker.css

│ │ ├── dropzone.css

│ │ ├── easyui.css

│ │ ├── echartsHome.css

│ │ ├── font-awesome-ie7.min.css

│ │ ├── font-awesome.min.css

│ │ ├── fullcalendar.css

│ │ ├── images

│ │ │ └── loading.gif

│ │ ├── jquery.gritter.css

│ │ ├── jquery-ui-1.10.3.custom.min.css

│ │ ├── jquery-ui-1.10.3.full.min.css

│ │ ├── select2.css

│ │ └── ui.jqgrid.css

│ ├── font

│ │ ├── FontAwesome.otf

│ │ ├── fontawesome-webfont.eot

│ │ ├── fontawesome-webfont.svg

│ │ ├── fontawesome-webfont.ttf

│ │ ├── fontawesome-webfont.woff

│ │ └── fontawesome-webfont.woff2

│ └── layer

│ ├── extend

│ │ └── layer.ext.js

│ ├── layer.js

│ └── skin

│ ├── default

│ │ ├── icon-ext.png

│ │ ├── icon.png

│ │ ├── loading-0.gif

│ │ ├── loading-1.gif

│ │ └── loading-2.gif

│ ├── layer.css

│ └── layer.ext.css

├── css

│ └── style.css

├── font

│ ├── css

│ │ ├── font-awesome.css

│ │ └── font-awesome.min.css

│ └── fonts

│ ├── FontAwesome.otf

│ ├── fontawesome-webfont.eot

│ ├── fontawesome-webfont.svg

│ ├── fontawesome-webfont.ttf

│ ├── fontawesome-webfont.woff

│ └── fontawesome-webfont.woff2

├── js

│ ├── jquery-1.9.1.min.js

│ └── respond.min.js

└── nss_Carousel.html

14 directories, 52 files