最近在做一个多图上传的功能,就想试试用html5的FileReader接口来实现上传前的预览,利用FormData包装多张图片,提交给ThinkPHP后台,找了一些网上的例子,然后自己根据实际需求改了一下,实现了以下效果:
做的效果不是特别好看,请谅解!有想法的人,可以去把效果做得更好,我这里就是为了简单地实现出功能,也没有仔细测试过浏览器兼容
<div id="imgesFilesAuto" style="display:none;">
<div id="imagesBox"></div>
<div id="imgesFiles">
<span>+</span>
<input type="file" name="photoimage" id="uploadImage" multiple="multiple" style="width:170px; height:250px;opacity:0;" accept="image/gif, image/j