Javascript download relative file

What else can annoy user? And it can be avoided by using HTML5 download attribute. This attribute will tell browser that virtual link we created is aimed for download only. Project on GitHub. Header also has one more advantage — it prevents some file types e. Thank you for this code. It works great for Chrome in Windows but with Chrome on iPad the file opens in the browser instead of downloading. Any ideas on how to fix this?

As I know there is no ways to download file from iPad browser. Newest snippet version have alert message in case of such attempts. Just tried to run example from repository. You can also specify an optional value for the download attribute to be used as a file name once it is downloaded. If the value is not provided, the original filename is used. As you can see above, the download attribute is the easiest way to download a file on the browser.

However, the download attribute only works in modern browsers. Internet Explorer does not support it. The idea is to programmatically create an anchor link, and then trigger the click event. Add a comment. Active Oldest Votes. Saran 3, 3 3 gold badges 34 34 silver badges 54 54 bronze badges. Randy the Dev Randy the Dev A webpage cannot open a new tab automatically. Nicely done! Solves the problem well. However, you may want to use: iframe. Your current implementation will make the iframe invisible, but the iframe will still take up space at bottom of the page causing extra white space.

It "semi" works for me. This is part of a larger mobile web app, and the fact that it gets canceled breaks the app because it raises a general web failure. Any way around this? Nice snippet. However, setting a nonsensical things type is a bit disturbing. How do I force the download without a server? So just an html page with some javascript. Show 5 more comments. John Culviner John Culviner Your modern example here doesn't seem to me to make a great deal of sense.

MarkAmery that works too as other answers have indicated. That approach AFAIK doesn't give you feedback on when the download starts, when it completed and if it errored which is handy. I could add that to the answer for a "fire and forget" option.

Also the [download] attribute doesn't allow for a POST or anything exotic either. Your modern example is not quite right. It will "download" whatever the server returns. For ex, if you have an authentication error, it will return the login page or whatever the server returns and not the "downloaded file" itself.

Imagine Breaker Imagine Breaker 1, 1 1 gold badge 10 10 silver badges 8 8 bronze badges. For me this would be perfect but it doesn't not work on Firefox neither. Any idea? As mentioned in caniuse.

So if your links points to another domain, it hardly works anywhere for now. For it to work on Firefox, do document. You can also do link. Show 3 more comments.

Tomer 1, 13 13 silver badges 14 14 bronze badges. Chrome downloads, but Firefox just shows the picture. Saved me the time to test it only to find out it won't work. Latest Chrome Aug shows picture too because of an absurd security restriction so fail — user Chrome doesn't download for mp4 s — Nearoo.

Show 2 more comments. Mark Amery k 65 65 gold badges silver badges bronze badges. Laura Chesches Laura Chesches 2, 17 17 silver badges 15 15 bronze badges. Also the Edge 13 implementations is buggy because the name of the file is ignored and instead you get a file with an id as the name. In my opinion, this is the correct answer to the question. The other answers make sense if you have to support older browsers and need a workaround.

I dont' think is needed. JS file You could have a helper function in JS. For example you would call MyJs. This way you will only need to change it one location on deploy. Show 1 more comment. Active Oldest Votes. Juraj Blahunka Juraj Blahunka I ended up doing this, except I use Url. Content to generate the value for imagePath.

Haha I did the same thing, then came back and read your comment nate. This works but it is also definetively a workaround, not a proper solution. I used Url. Show 2 more comments. I'm using it this way to go back one folder level and then I just point to my desired path. I'd change the. You dear sir, are my newest hero!

Used this solution to find my css path on the server in an ASP. Add a comment. Handsome Nerd Handsome Nerd This doesn't work if I'm using a non-css attribute.

I can't set this src attribute by css.