时间戳

首页 > 解决方案 > 如何在服务器 (Express.js) 上接收使用 FormData 发送的文件？

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

问题描述

我将图像文件附加到新的表单数据中。然后我需要在后端抓取文件，以便将其上传到 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，而我无法实现。图书馆提供了像这样的解决方案，bu，再一次，我没有输入字段：

您正在上传一个名为 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
});

标签： node.jsreactjsexpressxmlhttprequest

解决方案

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

推荐阅读