1.html页面
1.在input标签内加上这个属性就可以一次性上传多个文件
2.长按ctrl键选择多个图片
效果如图:
上面图中显示选中五个文件,并且在页面回显,下面js里面有回显代码
2.js页面回显图片+多文件上传
1.在input框下面定义显示图片的div区域,在input标签里面写上onchange方法,因为我用的是vue框架,所以写的是@change:
2.在方法里面写上代码,这样可以把所有图片都遍历显示出来
setImagePreview:function(){
//补充说明:因为我们给input标签设置multiple属性,因此一次可以上传多个文件
//获取选择图片的个数
var dom = document.getElementById("img");
var files = dom.files;
var length = files.length;
var imgObjPreview = document.getElementById("localImag");
//3、回显
imgObjPreview.innerHTML =