Save File Dialog Box in Jquery

Question

I have a virtual path to a .wav file. I stored that value in a hidden field. Now when clicking a button i want to show a save dialog box for that virtual path .

i tried this

    window.open(path, "", "");

But it opens file in media player .I just want to show save dialog so that u ser can select a place to store that file. Is it possible using jquery?

Look at stackoverflow.com/questions/210643/…

user1174380
– user1174380

2012-01-27 20:55:04 +00:00
Commented Jan 27, 2012 at 20:55 — user1174380
– user1174380, Commented Jan 27, 2012 at 20:55

mattsven · Accepted Answer · 2014-11-14 17:09:21Z

2

HTML5 introduces a new attribute, download, that allows you to do this. Here's an example with an anchor tag:

<!-- On click opens a 'Save Dialog' for the href specified, and uses the filename specified in the download tag. -->
<a href="http://example.com/path/to/my/file.txt" download="file.txt" />

Triggering the download using JavaScript:

var clickEvent = document.createEvent("MouseEvent");
clickEvent.initMouseEvent("click", true, true, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null); 
document.getElementById("anchor").dispatchEvent(clickEvent);

edited Nov 14, 2014 at 17:09

answered Mar 29, 2011 at 4:23

mattsven

23.5k11 gold badges73 silver badges106 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Save File Dialog Box in Jquery

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related