我正在嘗試使用 laravel api 將檔案發送到服務器并做出反應，但回應為空這是我在前端的代碼
let File;
const onChangeHandler = (e) => {
File = (e.target.files[0]);
}
const send = () => {
const formData = new FormData();
formData.append("media", File);
console.log(formData)
try {
PostRequest.post("/upload-post", {"media": formData}).then(r => console.log(r.data)).catch((e) => console.log(e));
} catch (error) {
console.log(error)
}
}
和我的標題：
headers: {
"Content-Type": "multipart/form-data",
"Accept":"application/json",
"Authorization": Token
}
和網路標簽 img
檔案日志 檔案日志
uj5u.com熱心網友回復：
你能在狀態下使用存盤檔案嗎？如果您使用類組件，則使用狀態
如果它是功能組件，則使用usestate。
import React, { useState } from 'react'
const App=()=>{
const [File,setFile]=useState(null);
const onChangeHandler = (e) => {
setFile(e.target.files[0]);
}
const send = () => {
const formData = new FormData();
formData.append("media", File);
console.log(formData)
try {
PostRequest.post("/upload-post", formData).then(r => console.log(r.data)).catch((e) => console.log(e));
} catch (error) {
console.log(error)
}
}
//user code.
return(
//your code
);
}還有一個問題，{media : formdata }不需要
請轉換成這樣
PostRequest.post("/upload-post", formData).then(r => console.log(r.data)).catch((e) => console.log(e));轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/321694.html