template:
<el-upload class="avatar-uploader" action :file-list="fileList" :limit=1 :http-request="uploadImage" list-type="picture-card" :on-remove="handleRemove">
<i class="el-icon-plus avatar-uploader-icon"></i>
</el-upload>
data(): fileList: []
script:
uploadImage(param) {
const formData = new FormData();
formData.append("photoInput", param.file);
this.$api.image
.image(formData)
.then(res => {
this.fileList.push({
url: res.data.documentUrl
});
if (res.success) {
this.taskdialog.img = res.data.documentUrl;
this.$message({
message: res.msg,
type: "success"
});
} else {
this.$message({
message: res.data,
type: "warning"
});
}
})
.catch(error => {
console.log(error);
});
},
handleRemove(file, fileList) {
this.fileList = [];
},
