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

<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进行文件展示

你可能感兴趣的:(vue,js,vue,javascript)