我正在嘗試將檔案發布到 API 我的檔案顯示在控制臺中，但在 API 有效負載中它在上傳時顯示 [object file]。
這是獲取檔案的功能
handleFileChange = (e) => {
const files = e.target.files[0];
this.setState({ document: files });
console.log("Guru4666", this.state.document);
};
然后將狀態推入一個稱為獎勵值的物件中。
SubmitAward() {
var awardValue = {
title: this.state.awardTitle,
award_img: this.state.document,
};
console.log("awardValue", awardValue);
this.state.awarddata.push(awardValue);
}
然后呼叫 API。
instructor_register() {
var titlearr = [];
var awardimgarr= [];
const UserToken = localStorage.getItem("UserToken");
this.state.awarddata.map((Data) => {
console.log("AwardDataa", Data);
titlearr.push(Data.title);
awardimgarr.push(Data.award_img);
});
const formdata = new FormData();
formdata.append("first_name",this.state.firstname)
formdata.append("instructor_award_name",titlearr)
formdata.append("instructor_award_img",awardimgarr)
axios({
method: "post",
url: `${API_AUTH_URL}instructor-register`,
data: formdata,
headers: { Authorization: "Bearer" UserToken },
})
.then((response) => {
//this.setState({ modalVisibleLoader: false })
console.log("response.....", response.data);
}
有效載荷是
instructor_award_img: [object File]
uj5u.com熱心網友回復：
您正在嘗試將陣列附加到 formdata 物件。這不是受支持的資料型別，因此它被轉換為字串。
支持的資料型別是字串和 blob（檔案是一種 blob）。
而是附加檔案。
如果要附加多個檔案，請通過回圈遍歷陣列并依次附加每個檔案來完成。
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/496543.html
標籤：javascript 节点.js 反应 json 反应式