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

在這種情況下，瀏覽器不再崩潰！