Question

如何用javascript写这种多图上传的效果，

没图的时候是空的，当上传之后有图了，点击可以删除，删除之后又变成空的加号

Answer 1

很简单，一个大容器 ul，每个图片项目是一个 li，li 里面有一个 img 标签放图片。最后一个设置一个特殊类，比如 upload_button，还要添加一个 file 控件，设置一下隐藏。上传按钮添加 click 事件，触发 file 控件的 click 事件，这样 file 控件就可以使用了，然后设置 file 控件的 change 事件，当选择多个图片点确定后，就通过 files 数组获取文件对象列表。接着用循环语录处理图片文件对象，创建一个 FileReader 对象，设置 onload 事件，因为文件读取是异步操作，onload 事件可以通过 this.result 获取图像数据，创建一个 li 和 img ，img 的 src 属性设置这个值，整个li插入到上传按钮之前，最后执行 oFileReader.readAsDataUri(files[0]) 就可以执行读取操作了。