javascriptsavesavefiledialog

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

Solution

  • EDIT 2022: Please see other answers regarding File System API

    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>

    can't 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 (however works in Edge v13 and later)
    2. Opera Mini

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