如何在服务器 (Express.js) 上接收使用 FormData 发送的文件？

编程问答 2022-05-10

问题描述

我将图像文件附加到新的表单数据中。然后我需要在后端抓取文件，以便我可以将它上传到 S3（它必须上传到服务器端）。问题是我无法访问后端的文件。我尝试了多个中间件，例如 Formidable、express-fileupload 等，但它们都需要我有一个输入字段名称才能访问上传的文件。由于这不是 HTML 表单，我没有输入字段（或者不知道在哪里查找），因此我无法解析请求并获取上传的文件。

这是我的代码（选项是用户选择要上传的文件）。我也尝试过 POST，但无济于事，我现在使用 GET 传递一些我稍后需要的参数：

    function onUploadFiles(survey,options) {

    var formData = new FormData();


    var file = options.files[0];
    formData.append(file.name,file);
    
}

    var xhr = new XMLHttpRequest();
    xhr.open(
      "GET",`/logmood?file-name=${file.name}&file-type=${file.type}`,); // https://surveyjs.io/api/MySurveys/uploadFiles
    xhr.onload = function() {
        var response = JSON.parse(xhr.responseText);

    };
    xhr.send(formData);

因此，在服务器端，我需要附加文件，然后继续执行此操作，在我的情况下上传到 S3，这是我无法实现的。图书馆提供了这样的解决方案，但是，再次，我没有输入字段：

您正在上传一个名为 car.jpg 的文件。 您输入的名称字段是 foo: <input name="foo" type="file" />。 在您的快速服务器请求中，您可以从 req.files.foo 访问您上传的文件：

app.post('/upload',function(req,res) {
  console.log(req.files.foo); // the uploaded file object
});

解决方法

你需要使用multer库来上传express js中的文件 https://github.com/expressjs/multer

expressexpressexpressreactjsreactjsreactjsreactjsxmlhttprequestxmlhttprequest