XMLHttpRequest.send（）使大型ArrayBuffer崩溃

Question

我正在尝试使用JavaScript中的XMLHttpRequest()发送文件。 为此，我将FileReader与readAsArrayBuffer() 。

我的代码以这样的结尾：

// 'content' from readAsArrayBuffer
var xhr = new XMLHttpRequest();
xhr.open("POST", "url", true);
xhr.send(content);

现在，取决于浏览器/计算机，当我尝试对大型ArrayBuffer（例如1GB文件）使用send(ArrayBuffer)时，它会使浏览器崩溃...

这是一个演示： https : //codepen.io/Aymkdn/pen/xXZMwV （只需单击“测试”按钮）

该演示创建了一个1GB的ArrayBuffer并尝试将其上传到某个URL。 我在最后一台Chrome和Firefox的3台计算机上进行了尝试。 100％的Chrome浏览器崩溃了，66％的Firefox浏览器崩溃了。

我在这里想念什么吗？ 传递给send()的数据有大小限制吗？

谢谢

Answer 1

经过不同的测试后，似乎简单的解决方法是发送Blob而不是ArrayBuffer 。

// 'content' from readAsArrayBuffer, so it's an ArrayBuffer
var xhr = new XMLHttpRequest();
xhr.open("POST", "url", true);
xhr.send(new Blob([content])); // transform ArrayBuffer into Blob

在这种情况下，浏览器不再崩溃！