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

时间:2021-04-19 20:21:21

标签: node.js reactjs express xmlhttprequest

我将图像文件附加到新的表单数据中。然后我需要在后端抓取文件,以便我可以将它上传到 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
});

1 个答案:

答案 0 :(得分:0)

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

相关问题