Skip to content

Instantly share code, notes, and snippets.

@philipstanislaus

philipstanislaus/gist:c7de1f43b52531001412

Last active October 6, 2025 06:46
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save philipstanislaus/c7de1f43b52531001412 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save philipstanislaus/c7de1f43b52531001412 to your computer and use it in GitHub Desktop.
Download ZIP
JavaScript: Save a blob to disc
Raw
gistfile1.js
var saveBlob = (function () {
var a = document.createElement("a");
document.body.appendChild(a);
a.style = "display: none";
return function (blob, fileName) {
var url = window.URL.createObjectURL(blob);
a.href = url;
a.download = fileName;
a.click();
window.URL.revokeObjectURL(url);
};
}());
saveBlob(file, 'test.zip');
@jozefchutka
Copy link

jozefchutka commented Sep 9, 2025 •
edited
Loading 

URL.createObjectURL(new Blob([blob], {type:"application/octet-stream"}))

prints url into console, once clicked it will prompt system save file dialog

@Manue14
Copy link

Manue14 commented Oct 3, 2025

Is there any difference between revoking the blob url through the window URL instance like this:
window.URL.revokeObjectURL(fileUrl)
and removing it by calling the static method directly?:
URL.revokeObjectURL(fileUrl)

@philipstanislaus
Copy link
Author

philipstanislaus commented Oct 6, 2025

Is there any difference between revoking the blob url through the window URL instance like this: window.URL.revokeObjectURL(fileUrl) and removing it by calling the static method directly?: URL.revokeObjectURL(fileUrl)

It's too long ago that I looked into this, but IIRC, there was a difference between testing/CI environments and the browser.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment