Failed to construct 'Blob': Array length exceeds supported limit

Question

I try to construct a simple 10.5mb Blob using the following (Chrome browser):

var arr = new Uint8Array(10485833);
var blob = new Blob(arr, { type: 'application/octet-stream' });

I get the error:

Uncaught RangeError: Failed to construct 'Blob': Array length exceeds supported limit.

What is the limit? Why can't I create a 10mb blob? What if I wanted to create a 50mb blob? 1gb blob?

Is Blob the wrong data type to be using here? In the end I am trying to construct some FormData to post to a server. Example:

var fd = new FormData();
var blob = new Blob(arr, { type: 'application/octet-stream' });
fd.append('data', blob, 'filename.zip');

Kaiido · Accepted Answer · 2017-06-30 05:10:57Z

7

This is because Blob expects an array of chunks. The array you are passing is way too big for it. (Probably related)

The solution is simply to wrap this array in a single lenghted array.

var arr = new Uint8Array(10485833);
console.log(new Blob([ arr ], {type:'application/octet-stream'}))
//                   ^_____^_____ wrapped in a single lengthed Array

edited Jun 30, 2017 at 5:10

answered Jun 30, 2017 at 4:54

Kaiido

139k15 gold badges266 silver badges333 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Failed to construct 'Blob': Array length exceeds supported limit

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related