Is there any limitation on JavaScript Max Blob size

by

The existing answer appears largely out of date.

Chrome (57+ it appears):

According to Chrome’s Blob Storage System Design:

Blob Storage Limits

We calculate the storage limits here.

In-Memory Storage Limit

  • If the architecture is x64 and NOT ChromeOS or Android: 2GB
  • Otherwise: total_physical_memory / 5

Disk Storage Limit

  • If ChromeOS: disk_size / 2
  • If Android: disk_size / 20
  • Else: disk_size / 10

Note: ChromeOS’s disk is part of the user partition, which is separate from the system partition.

Minimum Disk Availability

We limit our disk limit to accomidate a minimum disk availability. The equation we use is:

min_disk_availability = in_memory_limit * 2

Example Limits

(All sizes in GB)

Device          | Ram | In-Memory Limit | Disk | Disk Limit | Min Disk Availability
----------------+-----+-----------------+------+------------+----------------------
Cast            | 0.5 | 0.1             | 0    | 0          | 0
Android Minimal | 0.5 | 0.1             | 8    | 0.4        | 0.2
Android Fat     | 2   | 0.4             | 32   | 1.5        | 0.8
CrOS            | 2   | 0.4             | 8    | 4          | 0.8
Desktop 32      | 3   | 0.6             | 500  | 50         | 1.2
Desktop 64      | 4   | 2               | 500  | 50         | 4

To clarify, disk_size is apparently the total disk size, not the available disk space (probably for privacy reasons, but keep in mind you could potentially use up the available disk space).

Chrome uses a directory called blob_storage in the Chrome profile directory to store blob parts to disk.

I’m not sure if or how some other limits are imposed if available disk space or available RAM are less than the software limits. I’ll update this answer when I know more.

Opera (44+ or perhaps earlier):

Same as Chrome, as it is based on Chromium.

Firefox (53+ or perhaps earlier):

No apparent hard limit. I am able to create Blob’s significantly larger than the “800 MiB” FileSaver.js claims. It does not use disk space to back larger blobs, so it all goes in memory, potentially with the operating system paging memory to disk. This means that blobs larger than memory may be possible, though possibly with degrading performance.

Safari (10.1+ or perhaps earlier):

No apparent hard limit. It does not use disk space to back larger blobs, so it all goes in memory, potentially with the operating system paging memory to disk. This means that blobs larger than memory may be possible, though possibly with degrading performance.

Other browser limits will be added as I learn them.

More Related Contents:

  1. Download a file by jQuery.Ajax
  2. download file using an ajax request
  3. JavaScript blob filename without link
  4. starting file download with JavaScript
  5. Why threre is no way to download file using ajax request?
  6. How to set a header for a HTTP GET request, and trigger file download?
  7. Save to Local File from Blob
  8. Blob createObjectURL download not working in Firefox (but works when debugging)
  9. Detecting Back Button/Hash Change in URL
  10. Getting BLOB data from XHR request
  11. Jquery/Ajax call with timer
  12. jQuery: load txt file and insert into div
  13. How can I intercept XMLHttpRequests from a Greasemonkey script?
  14. CORS error on same domain?
  15. How to send data in request body with a GET when using jQuery $.ajax()
  16. How to send a message to a particular client with socket.io
  17. Global Ajax error handler with AngularJS
  18. What’s to stop malicious code from spoofing the “Origin” header to exploit CORS?
  19. Aborting jQuery().load()
  20. Phantomjs page.content isn’t retrieving the page content
  21. Solve Cross Origin Resource Sharing with Flask
  22. How to Detect Cross Origin (CORS) Error vs. Other Types of Errors for XMLHttpRequest() in Javascript
  23. Bind events on dynamic created elements inserted by AJAX (check box)
  24. Download files like mega.co.nz
  25. responseXML always null
  26. How to upload string as file with jQuery or other js framework
  27. Img src path with header params to pass
  28. jQuery $.ajax(), pass success data into separate function
  29. Like button Ajax in Ruby on Rails
  30. creating highchart with ajax json data

Leave a Comment