微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

如何解决如何在服务器 (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,这是我无法实现的。图书馆提供了这样的解决方案,但是,再次,我没有输入字段:

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

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。