37

如何在 Node 或 Node Fetch POST 请求中附加文件?我正在尝试调用将导入 CSV 或 XLS 文件的 API。这可以使用 Node 或 Node Fetch 吗?

4

3 回答 3

54

README.md说:

在请求和响应中使用本机流作为正文。

并且消息来源表明它支持多种类型,例如Stream, Buffer, Blob... 并且还会尝试强制转换String为其他类型。

下面的代码片段显示了 3 个示例,所有示例均使用 v1.7.1 或 2.0.0-alpha5(另请参见下面的其他示例FormData):

let fetch = require('node-fetch');
let fs = require('fs');

const stats = fs.statSync("foo.txt");
const fileSizeInBytes = stats.size;

// You can pass any of the 3 objects below as body
let readStream = fs.createReadStream('foo.txt');
//var stringContent = fs.readFileSync('foo.txt', 'utf8');
//var bufferContent = fs.readFileSync('foo.txt');

fetch('http://httpbin.org/post', {
    method: 'POST',
    headers: {
        "Content-length": fileSizeInBytes
    },
    body: readStream // Here, stringContent or bufferContent would also work
})
.then(function(res) {
    return res.json();
}).then(function(json) {
    console.log(json);
});

这里是foo.txt

hello world!
how do you do?

注意:http://httpbin.org/post回复包含有关已发送请求的详细信息的 JSON。

结果:

{
  "args": {}, 
  "data": "hello world!\nhow do you do?\n", 
  "files": {}, 
  "form": {}, 
  "headers": {
    "Accept": "*/*", 
    "Accept-Encoding": "gzip,deflate", 
    "Connection": "close", 
    "Content-Length": "28", 
    "Host": "httpbin.org", 
    "User-Agent": "node-fetch/1.0 (+https://github.com/bitinn/node-fetch)"
  }, 
  "json": null, 
  "origin": "86.247.18.156", 
  "url": "http://httpbin.org/post"
}

如果您需要将文件作为具有更多参数的表单的一部分发送,您可以尝试:

  • npm install form-data
  • FormData对象作为主体传递(FormData是一种Stream,通过CombinedStream
  • 不要传入header选项(与上面的示例不同)

然后这个工作:

const formData = new FormData();
formData.append('file', fs.createReadStream('foo.txt'));
formData.append('blah', 42);
fetch('http://httpbin.org/post', {
    method: 'POST',
    body: formData
})

结果(仅显示发送的内容):

----------------------------802616704485543852140629
Content-Disposition: form-data; name="file"; filename="foo.txt"
Content-Type: text/plain

hello world!
how do you do?

----------------------------802616704485543852140629
Content-Disposition: form-data; name="blah"

42
----------------------------802616704485543852140629--
于 2017-06-15T21:48:17.243 回答
35

我一直在寻找如何使用node-fetch通过上传文件multipart/form-data他们的 GitHub 文档实际上展示了如何做到这一点。下面是修改后的示例,展示了如何将缓冲区附加到FormData并上传。

const FormData = require('form-data');     
const form = new FormData();

const buffer = // e.g. `fs.readFileSync('./fileLocation');
const fileName = 'test.txt';

form.append('file', buffer, {
  contentType: 'text/plain',
  name: 'file',
  filename: fileName,
});

fetch('https://httpbin.org/post', { method: 'POST', body: form })
    .then(res => res.json())
    .then(json => console.log(json));

与我一样在谷歌上搜索“node-fetch upload file multipart”的任何人共享此内容。

于 2019-04-11T02:37:12.193 回答
-7

这是一个将本地文件流式传输到响应的快速服务器。

var fs = require('fs');
var express = require('express')();

express.get('/',function(req,res){
  var readStream = fs.createReadStream('./package.json');
  readStream.pipe(res);
})
express.listen(2000);
于 2017-06-21T16:48:46.650 回答