element的上传如何获取路径_elementui上传

本文详细介绍了在Element UI中如何处理文件上传,包括上传成功后的处理方法handleUploadSuccess,删除文件的handleUploadRemove,以及文件过滤的handleBeforeUpload。重点讲解了如何获取并处理文件路径,以及在编辑页面时的数据处理。同时补充了单图和多图上传的示例,强调了文件格式和大小的限制。
摘要由CSDN通过智能技术生成
将文件拖到此处(火狐不支持),或 点击上传
支持格式:doc,docx,xls,xlsx,ppt,pptx,pdf,zip,rar  (请上传小于8M的文件)。

主要依靠的是handleUploadSuccess上传成功执行的方法

fileUploadPath这个字段是你上传的文件路径

data 里面定两个变量fileIdsList,sourceFileList 数据类型为函数

handleUploadRemove(file, fileList) {//删除类似this.fileIdsList =[];this.sourceFileList =[];fileList.map(res =>{if(res.response) {this.fileIdsList.push(res.response.data.id);this.sourceFileList.push({

name: res.response.data.fileName,

url: res.response.data.accessUrl,

fileUrl: res.response.data.fileUrl,

id: res.response.data.id

});

}else{this.fileIdsList.push(res.id);this.sourceFileList.push({

name: res.fileName,

url: res.accessUrl,

fileUrl: res.fileUrl,

id: res.id

});

}

})

},

handleBeforeUpload(file){//文件过滤,html用了accept,不过不考虑兼容下面可以不要

var FileExt = file.name.replace(/.+\./, "");if (['doc', 'docx', 'xls', 'xlsx', 'ppt', 'pptx', 'pdf', 'zip', 'rar']

.indexOf(F

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值