使用 express-fileupload 在 nodejs 中上傳多個文件？

Question

目前我可以將其發布到 mongodb。 它工作正常。

問題不是一個附件，我應該能夠發布許多彼此獨立的附件，N 個上傳將有 N 個不同的按鈕可用。

const form = (req, res, next) => {

  const file = req.files.photo;

  file.name = `photo_${Math.random(0, 10012)}-${Math.random(0, 2000)}${
    path.parse(file.name).ext
  }`;

  file.mv(`./public/uploads/${file.name}`, async (err) => {
    if (err) {
      console.error(err);
      return res.status(500).json({
        message: `Problem With File Upload`,
      });
    }
    
    const upload = await Form.create({
       approved: req.body.approved,
       email_: req.body.email,

       formData: {
        name: "req.body.formData.claimantName",
        nationality: "req.body.formData.claimantNationality",
        address: "req.body.formData.claimantAddress",
        email: "req.body.formData.claimantEmail",
      }, 

      fileOne: file.name1,
          
      // these are the next 
      // fileTwo: req.body.formData.name2,
      // fileThree: req.body.formData.name3,

    });
    return res.status(200).json({
      success: true,
      message: `File Uploaded Successfully`,
      path: file.name,
    });
  });
};

router.route("/add").post(form);

我嘗試將const upload = await Form.create(...) file.mv(...)塊之外並執行類似這樣的操作``` const file1 = req.files.photo1;

file1.name = photo_${Math.random(0, 10012)}-${Math.random(0, 2000)}${ path.parse(file1.name).ext } ;

It doesn't work properly.

Answer 1

我認為您可以在接收req.files對象中的請求的端點上的節點服務器中的request對象中獲取上傳的文件。

您的端點應該捕獲這樣的文件

const uploads = Object.values(req.files);

因為您將獲得一個鍵值對的對象，因為key將是文件名， value將是包含名稱等的文件數據對象。 Object.values將該對象轉換為具有上傳文件信息的對象數組。 之后創建一個promise ，將捕獲如下所示的文件：

處理文件上傳的函數

handleFileUpload = (uploads) => {
   return new Promise((resolve, reject) => {
     const dbData = [];
     uploads.forEach(async (upload) => {
       const name = await `photo_${Math.random(0, 10012)}-${Math.random(0, 2000
       )}${path.parse(upload.name).ext}`;
       dbData.push(name);
       await upload.mv(`your-path/${name}`, async (err) => {
        if (err) {
          reject("Something wrong");
        }
      });
   });
  resolve(dbData);
 });
};

之后將上傳傳遞給承諾並在then塊中insertion一個數據庫。

handleFileUpload(uploads).then((response) => { ... }).catch((e) => { ... });

response將包含所有圖像路徑。

注意：我正在考慮將這些文件作為IMAGES