1、【Vue上傳檔案】當介面Content-Type為multipart/form-data時,如何上傳檔案到後端
阿新 • • 發佈:2021-01-27
技術標籤:vuevuejavascript
<input type="file" id="putfile" ref="inputer" @change="fileUpload" />
//方法:
fileUpload(event) {
console.log(event);
let file = event.target.files;//一個檔案流
let formData = new FormData();
formData.append("file" , file[0]);
console.log(formData);
// 檔案上傳
this.$axios({
method: "POST",
url: "/api/device/deviceInfo/createDeviceInfoByExcel",
headers: {
"Content-Type": "multipart/form-data",
token: localStorage.getItem( "token"),//token值,根據介面要求傳或者不傳
},
data: formData,
})
.then((res) => {
console.log(res);
})
.catch((e) => {
alert(e);
});
},