Downloading file from DataURL in JavaScript

javascript filewriter data-url
eBergamo picture eBergamo · Jan 9, 2012 · Viewed 8.6k times · Source

From this string we get from DataURL, what's the best way to download this as a file?

So far what I got was using a basic window.open("myDataURL");, but I'm not able to change the file name in this way.

window.open('data:application/msword;base64,0M8R4KGxGuEAAAAAAAAAAAAAAAAAAAAA
             PgADAP7/CQAGAAAAAAAAAAAAAAACAAAANQAAAAAAA
             AAAEAAANwAAAAIAAAD+////AAAAADQAAABsAA/',
             '_blank','height=300,width=400');

I was wondering if there's any way to handle this data properly.

Answer

cuixiping picture cuixiping · Sep 13, 2012

you can add a download attribute to the anchor element. sample:

<a download="abcd.zip" href="data:application/stream;base64,MIIDhTCCAvKg........">download</a>

Related questions

Save PNG Canvas Image to HTML5 Storage (JAVASCRIPT)?

I am developing a chrome extension. I open an image file in canvas, I apply some changes to it, then I am trying to save it to the HTML5 filesystem api. First I get the dataURL from the canvas: var …

Read More
How can I remove a specific item from an array?

I have an array of numbers and I'm using the .push() method to add elements to it. Is there a simple way to remove a specific element from an array? I'm looking for the equivalent of something like: array.remove(…

Read More
How do I redirect to another webpage?

How can I redirect the user from one page to another using jQuery or pure JavaScript?

Read More