将 multer 与 express 和 typescript 一起使用

Question

我正在使用 multer 来解析包含文本和图像的表单数据。当我尝试控制台记录我的字段时，它说它们都是未定义的。关于为什么会发生这种情况的任何想法？

这是邮递员的邮寄请求：

const uploadThumbnailArray = [
  { name: 'thumbnail'},
  { name: 'notesId'}
]

app.post("/test_form", upload.fields(uploadThumbnailArray), async (req, res) => {
  try {
    const files = req.files as { [fieldname: string]: Express.Multer.File[] };

    console.log(files['thumbnail'])
    console.log(files['notesId'])
    var notesId: string = req.body.notesId
    const notesRef = admin.firestore().collection("notes_test").doc(notesId);

    res.json({ message: `succesfully uploaded thumbnail ${notesRef.id}` });

  } catch (error) {
    console.log(error);
    res.status(500).send(error);
  }
});

Answer 1

在这里，您试图从 multer 中间件中获取 notesId。 Multer 只支持二进制文件。

尝试从 multer 中删除 notesId

const uploadThumbnailArray = [{ name: "thumbnail", maxCount: 1 }];

只保留thumbnail 属性。

const express = require("express");
const multer = require("multer");
const app = express();
const port = 3000;

app.use(express.json());

var upload = multer({
  dest: "uploads/",
  preservePath: true
});

app.get("/", (req, res) => {
  res.status(200).send("Hello world");
});

const uploadThumbnailArray = [{
  name: "thumbnail",
  maxCount: 3
}];

/* 
//You can use this
app.post('/photos/upload', upload.array('photos', 12), function (req, res, next) {
  // req.files is array of `photos` files
  // req.body will contain the text fields, if there were any
})

*/

//Upload route
app.post("/upload", upload.fields(uploadThumbnailArray), (req, res, next) => {
  try {
    console.log(req.body);
    console.log(req.files);
    return res.status(201).json({
      message: "File uploaded successfully",
    });
  } catch (error) {
    console.error(error);
  }
});

app.listen(port, () =>
  console.log(`Hello world app listening on port ${port}!`)
);

现在尝试运行这个应用程序并进行测试，

现在控制台req.files

从这里您可以访问存储位置和文件详细信息以保存在数据库中