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