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 版权协议,转载请附上原文出处链接和本声明。