HTML 部分
<el-upload
:show-file-list="false"
:action="api.commonFileUpload"
:http-request="(file) => {uploadRequest2('commonFileUpload', file,scope.row)}"
:limit="1">
<el-button size="small" type="primary">点击上传</el-button>
</el-upload>
JS部分
// 上传附件
uploadRequest2(NAME, file,item) {
let fileType = ["jpg", "jpeg", "png"];
fileType.contains(file.file.type)
? this.$AjaxUpLoader2(NAME, file,item)
: this.$message.error(`只能上传图片`);
console.log(item);
},
//请求
$AjaxUpLoader2(NAME, file,item) {
const formData = new FormData();
formData.append("file", file.file);
let methods = "post",
url = file.action,
data = formData,
headers = {
"Content-Type": "application/x-www-form-urlencoded",
};
this.$axios({ methods, url, data, headers }).then((res) => {
if (res.code == "00") {
this.$message({
showClose: true,
message: "上传成功",
type: "success",
});
}
});
},