如何使用 superagent 发送文件

Question

所以大约一个月前，我向a question 询问了有关超级代理和发送文件的问题，但根本没有得到任何回应。由于我喜欢使用 superagent，我仍然想了解如何执行此操作。

我可以使用纯 ajax 发送文件：

var fd = new FormData();
        fd.append( 'file', this.refs.File.getDOMNode().files[0] );

        $.ajax({
            url: 'http://localhost:8080/files',
            data: fd,
            processData: false,
            contentType: false,
            type: 'POST',
            success: function(data){
                console.log(data)
            }
        });

但是当我在 superagent 中尝试同样的事情时，没有任何效果：

var fd = new FormData();
fd.append( 'file', this.refs.File.getDOMNode().files[0] );

Request.post('http://localhost:8080/files')
    .set('Content-Type', false)
    .set('Process-Data', false)
    .attach('file', fd, 'file')
    .end((err, res) => {
        console.log(err);
        console.log(res);
    })

谁能告诉我发生了什么事。

Answer 1

要完成之前的答案并提供参考，请查看此页面： https://visionmedia.github.io/superagent/#multipart-requests

据此：

当你使用 .field() 或 .attach() 时，你不能使用 .send() 并且你不能设置 Content-Type（会为你设置正确的类型）。

此外，即使这里不是这种情况，也有许多帖子/问题中人们使用文件名作为.attach 的第二个参数。再次来自此文档页面：

在浏览器中创建一个具有适当类型的 Blob。

这不是指第二个参数，而是第三个“选项”，但对我来说，这意味着浏览器版本不支持文件名。

Answer 2

没有人问，但我认为这可能会使一些人受益。

使用异步/等待

describe('My App - Upload Module', function(){
  it('Upload Module - ERROR - upload an expired file', async function(){
    try{
      let res = await _upload_license_file("/tmp/test_license.xml");
    }catch(err){
      err.should.have.status(422);
    }
  });
});

async function _upload_license_file(fileLocation){
  return superAgent.post(base_url + "/upload")
          .set('Authorization', 'Bearer '+API_TOKEN)
          .set('Content-Type', 'multipart/form-data')
          .attach('xml_file', fileLocation)
}

我在这里处理过错误模块，你可以通过类似的方式处理响应对象。

Answer 3

附加应该可以工作。
使用 express/multer 的示例：

客户：

superagent.post('http://localhost:3700/upload').attach('theFile',file);

服务器：

 const storage = multer.memoryStorage();
 const upload = multer({ storage: storage });
 router.post("/upload", upload.single('theFile'), (req, res) => {
   debug(req.file.buffer);
   res.status(200).send( true );
   res.end();
 });

Answer 4

这应该可行。

var file = this.refs.File.getDOMNode().files[0];


Request.post('http://localhost:8080/files')
    .set("Content-Type", "application/octet-stream")
    .send(file)
    .end((err, res) => {
        console.log(err);
        console.log(res);
    })