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)を使用しようとすると、ブラウザ/コンピュータに依存し、それはブラウザをクラッシュ：

私のコードは、そのようなもので終わります。このデモでは、1ギガバイトのArrayBufferを作成し、いくつかのURLにアップロードしようとしhttps://codepen.io/Aymkdn/pen/xXZMwV（テストボタンだけをクリックしてください）

..ここ

はデモです。最後のChromeとFirefoxを使用して、3台のコンピュータで試しました。 Chromeブラウザの100％がクラッシュし、Firefoxブラウザの66％がクラッシュしました。

ここに何か不足していますか？ send()に渡されるデータのサイズ制限はありますか？

感謝の異なるテストの後

Answer 1

、簡単に修正がArrayBufferの代わりにBlobを送信するためにあるようです。

// '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 

この場合、ブラウザはもはやクラッシュしません。