Is there any way to specify a suggested filename when using data: URI?

javascript html url data-uri save-as
MontyGomery picture MontyGomery · Nov 12, 2008 · Viewed 173.7k times · Source

If for example you follow the link:

data:application/octet-stream;base64,SGVsbG8=

The browser will prompt you to download a file consisting of the data held as base64 in the hyperlink itself. Is there any way of suggesting a default name in the markup? If not, is there a JavaScript solution?

Answer

Dan Fabulich picture Dan Fabulich · Aug 4, 2011

Use the download attribute:

<a download='FileName' href='your_url'>

Live example on html5-demos.appspot.com/....

The download attribute works on Chrome, Firefox, Edge, Opera, desktop Safari 10+, iOS Safari 13+, and not IE11.

Related questions

Convert HTML to data:text/html link using JavaScript

Here's my HTML: <a>View it in your browser</a> <div id="html"> <h1>Doggies</h1> <p style="color:blue;">Kitties</p> </div> How …

Read More
How do I modify the URL without reloading the page?

Is there a way I can modify the URL of the current page without reloading the page? I would like to access the portion before the # hash if possible. I only need to change the portion after the domain, so …

Read More
SecurityError: The operation is insecure - window.history.pushState()

I'm getting this error in Firefox's Console: SecurityError: The operation is insecure and the guilty is HTML5 feature: window.history.pushState() when I try to load something with AJAX. It is supposed to load some data but Javascript stops executing …

Read More