如何在nodejs中处理xhr blob post

Posted 2021-04-16

客户代码：

var xhr = new XMLHttpRequest();
xhr.open('POST', '/frame', true);
xhr.send(blob);

服务器代码：

app.use(bodyParser.urlencoded({extended: false,limit: '50mb'}));
app.post('/frame', function (req, resp) {
    console.log(req.body);
});

这给了PayloadTooLargeError：添加了太多参数

xhr.setRequestHeader('Content-type','application/x-www-form-urlencoded');

没有解决问题。还有其他想法吗？

答案

假设您的blob变量不是真正的url编码形式数据和任何类型的内容。然后在服务器端，您可以在它进入时读取请求流。请记住，req事件处理程序中的http.Server.request变量是可读流。这将删除body-parser中间件强加的任何大小限制。保留原始客户端代码，然后保存服务器代码：

// app.use(bodyParser.urlencoded({extended: false,limit: '50mb'}));

app.post('/frame', function (req, resp) {
  req.on('readable', function(){
    console.log(req.read());
  });
});

如果内容太大，即使对于结构化数据，处理流处理请求也是一个好主意。例如，当我使用带有大json请求的body-parser#json中间件并解决删除body-parser#json中间件并使用oboe解析流输入的问题时，我遇到了性能问题。

另一答案

您的blob变量超出了服务器中设置的限制大小。您必须设置一个始终大于客户端数据的数字（blob）。

客户端：

var xhr = new XMLHttpRequest();
xhr.open('POST', '/frame', true);
xhr.setRequestHeader('Content-type','application/x-www-form-urlencoded');
xhr.send(blob);

服务器：

// set limit with a value always bigger than the client data
var upperBound = '1gb';
app.use(bodyParser.urlencoded({extended: false, limit: upperBound}));
app.post('/frame', function (req, resp) {
    console.log(req.body);
});