如何将文件从 ReactJS 上传到 Express 端点

在我当前正在开发的应用程序中，有几个文件表单是通过以下方式提交的superagent到 Express API 端点。例如，图像数据的发布方式如下：

handleSubmit: function(evt) {
    var imageData = new FormData();

    if ( this.state.image ) {
       imageData.append('image', this.state.image);
       AwsAPI.uploadImage(imageData, 'user', user.id).then(function(uploadedImage) {
         console.log('image uploaded:', uploadedImage);
       }).catch(function(err) {
         this.setState({ error: err });
       }.bind(this));
     }
}

and this.state.image从文件输入中设置如下：

updateImage: function(evt) {
    this.setState({
      image: evt.target.files[0]
    }, function() {
      console.log('image:', this.state.image);
    });
  },

AWSAPI.uploadImage看起来像这样：

uploadImage: function(imageData, type, id) {
    var deferred = when.defer();

    request.put(APIUtils.API_ROOT + 'upload/' + type + '/' + id)
    .type('form')
    .send(imageData)
    .end(function(res) {
      if ( !res.ok ) {
        deferred.reject(res.text);
      } else {
        deferred.resolve(APIUtils.normalizeResponse(res));
      }
    });

    return deferred.promise;
  }

And lastly，文件接收端点如下所示：

exports.upload = function(req, res) {

  req.pipe(req.busboy);

  req.busboy.on('file', function(fieldname, file) {
    console.log('file:', fieldname, file);
    res.status(200).send('Got a file!');
  });

};

目前，接收端点的on('file')函数永远不会被调用，所以什么也不会发生。以前，我尝试过使用 multer 而不是 Busboy 的类似方法，但没有成功（req.body包含解码的图像文件，req.files是空的）。

我在这里错过了什么吗？将文件从 (ReactJS) Javascript 应用程序上传到 Express API 端点的最佳方法是什么？

我认为 superAgent 设置了错误的内容类型application/x-form-www-encoded代替multipart/form-data您可以使用 Attach 方法来修复此问题，如下所示：

request.put(APIUtils.API_ROOT + 'upload/' + type + '/' + id)
    .attach("image-file", this.state.image, this.state.image.name)
    .end(function(res){
        console.log(res);
    });

有关附加方法的更多信息，请阅读此处的文档：http://visionmedia.github.io/superagent/#multipart-requests http://visionmedia.github.io/superagent/#multipart-requests

因为这涉及到一个 Nodejs 服务器脚本，所以我决定制作一个 GitHub 存储库而不是小提琴：https://github.com/furqanZafar/reactjs-image-upload https://github.com/furqanZafar/reactjs-image-upload