Prompting user to save file using a 'Save-as' dialog?

javascript html save-as
Abdul Jabbar picture Abdul Jabbar · Oct 30, 2013 · Viewed 20.5k times · Source

I currently have this code:

function download(filename, text) {
        var pom = document.createElement('a');
        pom.setAttribute('href', 'data:text/plain;charset=utf-8,' + encodeURIComponent(text));
        pom.setAttribute('download', filename);
        pom.click();
}

download('test.html', string);

The string contains a lot of html code that gets written in an .html file.
The above code is working perfectly: On a button click, the browser (chrome) automatically downloads an html file with the string content written in it.

Now, what I want to do is, instead of chrome downloading the file automatically, it should open a "save-as" dialog box and ask the user the location and name of the file, and then download it to that location.

A quick simple reply would be really appreciated.

Answer

Abdul Jabbar picture Abdul Jabbar · May 21, 2015

My browser was set to automatically download all files in default location which is why not only this file but all other files from my browser were downloaded directly without the save prompt dialogue. Changing the settings in browser to 'always ask the download location' worked.

Related questions

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

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 …

Read More
HTML: how to create a "save as" button?

In your browser, when you want to save an HTML page that you are currently viewing, you normally go to the File menu and click Save As. Can I have a little button at the bottom of an HTML page …

Read More
How do I check whether a checkbox is checked in jQuery?

I need to check the checked property of a checkbox and perform an action based on the checked property using jQuery. For example, if the age checkbox is checked, then I need to show a textbox to enter age, else …

Read More