针对你提到的el-upload只能上传一次的问题,我根据提供的tips进行了分析和建议,以下是详细的解答: 确认el-upload组件的配置是否正确,允许多次上传: el-upload组件在Element UI中默认是支持多次上传的。你需要确保在组件的multiple属性设置为true,这样用户就可以选择多个文件进行上传。此外,如果使用的是单个文件上传模式(...
执行this.$refs.uploadPDF.clearFiles();//在每一次上传请求结束后清除缓存 即可上传多次文件
},// 是否显示提示isShowTip: {type:Boolean,default:true},// 是否显示文件列表isShowList: {type:Boolean,default:true}, },data() {return{uploadFileUrl: process.env.VUE_APP_BASE_API+"/system/upload",// 上传的图片服务器地址headers: {Authorization:"Bearer "+getToken(), },fileList: [],//fi...
<el-dialogtitle="导入":visible.sync="dialogVisible"width="30%":before-close="handleClose"><el-uploadclass="upload-demo"ref="fileUploadRef":action="地址":file-list="fileUploadList":auto-upload="false":headers="header"name="uploadFile"multipleaccept=".xlsx,.xls":on-success="fileUploadSuccess...
el-upload组件多个文件上传都是多次请求上传接口,没有在文档中找到能够通过一次请求把所有文件上传的设置。最后只能通过用组件的部分功能,抛弃组件上传功能,通过axios自己将所有文件一次上传。 <el-dialog:title="upload.title":visible.sync="upload.open"width="400px"append-to-body><el-upload ...
但是这个组件默认会将多选的文件分多次进行上传,于是就会存在多次的上传请求,由于后台的接口要求是一次请求能够上传多个文件,且我们也知道请求多了会对服务器造成更大的压力,因而基于多种原因,这个 upload 的上传行为得进行改造一番。 先来看下改造前后的结果 改造前的结果:同时上传2个文件,会发出2次对接口的请求,...
最近在做项目的时候有一个需求,需要导入word文档,并且需要支持多选。element-ui 的 upload 组件支持多选文件,只需要配置参数 multiple 为 true 即可。但是这个组件默认会将多选的文件分多次进行上传,于是就会存在多次的上传请求,由于后台的接口要求是一次请求能够上传
el-upload组件多个文件上传都是多次请求上传接口，没有在文档中找到能够通过一次请求把所有文件上传的设置。最后只能通过用组件的部分功能，抛弃组件上传功能，通过axios自己将所有文件一次上传。
this.fileList = [fileList[fileList.length - 1]]//这一步,是 展示最后一次选择文件 } this.sendFile('pdf',file)//上传文件 this.$refs.upload.clearFiles(); //清空当前 files }, 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 生效...
el-upload组件在使用自动上传多文件模式时,会多次请求接口,为了避免多次请求,改为在同一个请求中同时上传多个文件,代码如下,通过dom数量判断何时应该上传 <template> <el-upload class="upload-file" action="" multiple ref="uploadRef" :accept="acceptList" :http-request="uploadFile" :file-list="fileList" ...