- 把action设成 #,
- http-request覆盖默认的上传行为,实现自定义上传
<el-upload
action="#"
list-type="picture-card"
:show-file-list="true"
:http-request="uploadImg"
:on-remove="handleRemove"
:file-list="editform.pictures"
>
<i class="el-icon-plus"></i>
</el-upload>
<el-dialog v-model="dialogVisible">
<img width="100%" :src="dialogImageUrl" alt="" />
</el-dialog>
const uploadImg = async(params) => {
let uploadData = new FormData();
uploadData.append('ShopPicture', params.file);
const res = await uploadImage(uploadData)
console.log(res)
};
export function uploadImage(uploadData) {
return request({
url: '/admin/upload',
method: 'post',
data: uploadData,
headers: {
"Content-Type": "multipart/form-data",
}
})
}