当前位置: 首页 > Web前端 > JavaScript

ElementUI多文件上传只执行一次onSuccess的解决方法

时间:2023-03-27 11:07:33 JavaScript

source中使用了两个fileList变量,一个赋值给组件只做展示用,一个实际用于增删改查。使用组件选择图片只能上传jpg/png文件,且不超过500kb

默认第一张为封面,点击设置图片为第一张
定义列表//上传文件列表uploadList:[],realFileList:[],operationhandleRemove(file,fileList){letlist=this.realFileList;让len=this.realFileList.length;for(leti=0;i{letobj={};if(item.response){obj.name=item.response.data[0].fileName;obj.url=item.response.data[0].fileSrc;obj.fileId=item.response.data[0].fileId;}else{obj.name=item.name;obj.url=item.url;obj.fileId=item.fileId;}arr.push(对象);});这个.realFileList=arr;},