MaiaVictor MaiaVictor -4 years ago 113
Javascript Question

How to make a browser display a "save as dialog" so the user can save the content of a string to a file on his system?

How can I make a browser display a "save as dialog" so the user can save the content of a string to a file on his system?

For example:

var myString = "my string with some stuff";
save_to_filesystem(myString,"myString.txt");


Resulting in something like this:

Example

Answer Source

In case anyone is still wondering...

I did it like this:

<a href="data:application/xml;charset=utf-8,your code here" download="filename.html">Save</a>

cant remember my source but it uses the following techniques\features:

  1. html5 download attribute
  2. data uri's

Found the reference:

http://paxcel.net/blog/savedownload-file-using-html5-javascript-the-download-attribute-2/


EDIT: As you can gather from the comments this does NOT work in

  1. Internet Explorer (works in Edge v13 though)
  2. Safari
  3. iOS Safari
  4. Opera Mini
  5. Android Browser (4.3 and lower)

http://caniuse.com/#feat=download

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download