<el-upload
class="upload-file"
ref="upload"
:limit="currentTableData.length"
:headers="upload.headers"
:action="upload.newurl"
:on-exceed="handleExceed"
:before-remove="beforeRemove"
:before-upload="handleFileBefore"
:auto-upload="false"
multiple
>
export default {
data() {
return {
// 上传参数
upload: {
// 设置上传的请求头部
headers: { Authorization: "Bearer " + getToken() },
// 上传的地址
newurl:'',
url: process.env.VUE_APP_BASE_API + "/nfm/nfmfile/upload/",
relationid:null,
},
}
},
methods: {
handleExceed(files, fileList) {
this.$message.warning(`当前限制选择 ${this.currentTableData.length} 个文件,本次选择了 ${files.length} 个文件,共选择了 ${files.length + fileList.length} 个文件`);
},
beforeRemove(file, fileList) {
return this.$confirm(`确定移除 ${ file.name }?`);
},
handleFileBefore(file){
return new Promise((resolve, reject) => {
// 拼接上传url
// 此处动态配置action URL
this.upload.newurl = this.upload.url + this.upload.relationid;
// dom上传地址更新完成后,触发上传
this.$nextTick(() => resolve());
});
},
}
原文地址:https://blog.csdn.net/github_39121448/article/details/121647945