vant van-uploader 圖片上傳
<van-uploader accept="image/*" v-model="fileList" multiple :after-read="afterRead"></van-uploader>
afterRead: function(file) {
if (this.fileList.length > 3) {
this.$toast.fail("圖片上傳最多三張!");
this.fileList.splice(3);
return;
}
let formData = new FormData();
formData.append("file", file.file);
this.$api.shopOrdersReturnUpload(formData).then(res => {
if (!res.success) {
this.$toast.fail("圖片上傳失敗,請重新上傳!");
return;
}
if (res.data) {
this.$toast.success("圖片成功!");
this.fileList[this.fileList.length - 1].r_path = res.data.r_path;
}
});
},
重點 axios
http.interceptors.request.use(
(config) => {
config.headers['Content-Type'] = 'multipart/form-data';
},
error =>
Promise.reject(error)
)