1

我是一名前端开发人员，试图拓宽我的视野，并制作将成为 MERN 应用程序的东西。我正在努力将图像上传到 mongodb。

首先，我使用了 express bodyparser：

app.use(express.urlencoded({ extended: true })); 和app.use(express.json());

当像这样使用时，我设法上传了文件，上传的文件出现在 MongoDB Compass 中。

我发现这不支持 multipart/form-data，所以我将 bodyparser 更改为 busboy -bodyparser，以便我可以访问 form-data 和正在上传的文件。所以我将bodyparser更改为：

app.use(busboyBodyParser());

现在它不会将请求数据上传到 mongodb。

我的上传控件如下所示：

const upload = require("../middleware/upload");

const uploadFile = async (req, res) => {
  try {
    req.file = req.files.file;

    await upload(req, res);

    if (req.file == undefined) {
      return res.send(`You must select a file.`);
    }

    return res.send(`File has been uploaded.`);
  } catch (error) {
    console.log(error);
    return res.send(`Error when trying upload image: ${error}`);
  }
};

module.exports = {
  uploadFile: uploadFile
};

我将 req.file 设置为 req.files.file 的原因是因为 busboy-bodyparser 从 req.files.file 而不是 req.file 发送文件，我认为这种更改会使请求正常运行，它没有。

我的上传中间件如下所示：

const promise = mongoose.connect(mongoURI, { useNewUrlParser: true, useUnifiedTopology: true });

const conn = mongoose.connection;
let gfs;

conn.once('open', () => {
  gfs = Grid(conn, mongoose.mongo);
  gfs.collection('uploads');
});

//create storage object
const storage = new GridFsStorage({
  db: promise,
  file: (req, file) => {
    return new Promise((resolve, reject) => {
      crypto.randomBytes(16, (err, buf) => {
        if (err) {
          return reject(err);
        }
        const filename = buf.toString('hex') + path.extname(file.originalname);
        const fileInfo = {
          filename: filename,
          bucketName: 'uploads',
          metadata: {
            title: req.body.title,
            orientation: req.body.orientation
          }
        };
        resolve(fileInfo);
      });
    });
  }
});

const uploadFile = multer({ storage }).single("file");
var uploadFilesMiddleware = util.promisify(uploadFile);
module.exports = uploadFilesMiddleware;

我相信这是记录(node:15124) 的代码 DeprecationWarning: Listening to the events on the Db class has been deprecated 并将在下一个主要版本中删除。（node --trace-deprecation ...用于显示警告的创建位置） 这是我不确定如何解决的另一个问题，但这是另一天的另一个问题。

我的最终目标是能够将文件发送到 mongodb，并附上元数据（标题和方向）。

使用此代码，我可以从上传控件中获取“文件已上传”消息，但在 mongoDB 罗盘中没有上传文件/块。上传在使用 express-bodyparser 的文件上传（没有元数据）上效果很好，所以当我将其更改为 busboy-bodyparser 时，我得到了预期的文件和元数据，但它没有加载到数据库中，这导致我相信新的 bodyparser 会更改请求，以便 GridFsStorage 不再识别它并且不会将数据放入数据库中。但坦率地说，我只是在这里推测，而且我对后端的了解通常非常有限。

我在我相信的表单上使用了正确的 enctype：

<form
  action="/upload"
  method="POST"
  enctype="multipart/form-data">

非常感谢任何提示或解释！我是后端的完整初学者，所以不要害怕为我拼写它:)

4

1 回答 1

1

我设法修复它！

我不确定是什么原因造成的，但我相信 req.body-fields 尚未填充或类似性质的东西。因此我退出了

          metadata: {
            title: req.body.title,
            orientation: req.body.orientation
          }

与：metadata: req.body它只是工作。

对于任何其他可能偶然发现此问题的后端新手，还记得在 html 中这样命名您的输入：<input name="title" type="text" />它是与 html-form 一起提交的名称属性，并提供 req.body 的密钥，以便您可以访问例如 req.body.title （在这里不起作用，但仍然值得了解）

于 2021-05-22T16:27:23.413 回答