1. 程式人生 > 其它 >1、【Vue上傳檔案】當介面Content-Type為multipart/form-data時,如何上傳檔案到後端

1、【Vue上傳檔案】當介面Content-Type為multipart/form-data時,如何上傳檔案到後端

技術標籤: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); }); },