無法將數據文件發送到后端 reactjs

Question

大家好，我嘗試將數據輸入文件從 react js 發送到 nodejs，但我沒有定義

這里的客戶

const [myFile, setmyFile] = useState("");

  const onFileUpload = () => {
    try {
      const data = new FormData();
      data.append("file", myFile);
      Axios.post(url + "uploads", data).then((res) => {
        console.log(res.statusText);
      });
    } catch (error) {
      console.error("Error while uploading image to server", error);
    }
  };

<div>
        <h1>GeeksforGeeks</h1>
        <h3>File Upload using React!</h3>
        <div>
          <input
            type="file"
            onChange={(event) => {
              setmyFile(event.target.files[0]);
            }}
          />
          <button onClick={onFileUpload}>Upload!</button>
        </div>
        {/* {fileData()} */}
      </div>

這里的服務器

app.post("/uploads", async (req, res, next) => {
  console.log(req.file);
});

有人可以幫我嗎:D

Answer 1

使用multer npm

const multer  = require('multer')
const upload = multer({
  dest: 'uploads/'
})

app.post("/uploads", upload.single('file'), async (req, res, next) => {
  console.log(req.file);
});