博客

input file实现多次上传文件(不会覆盖上次上传的文件)

  • Post author:
  • Post category:其他


<input type="file" name="file" ref="file" class="file" accept=".pdf,.jpg,.png" multiple="multiple" @change="getFile">


存在问题


第一次选择了n个文件，第二次选择文件结束后，会覆盖掉第一次选择的文件


解决方法
 

getFile(e){
  e.target.files && e.target.files.forEach((item,index)=>{
    this.fileList.push(item);
}

在input控件每次change时，将上传的文件push到数组

fileList

里，统一将

fileList

进行文件展示


版权声明：本文为y521123y原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。