Link click download file

However, Button 2 only downloaded the file if the path was relative. When I changed the path to an absolute path, then the browser opened it in a new tab. I tested this on Firefox, Safari, and Chrome. Suragch Suragch k gold badges silver badges bronze badges.

Like other solutions here that use a default form action, this doesn't necessarily trigger a download. It simply causes the browser to navigate to the target URL. Whether that results in the file at that URL being downloaded or being shown as a page in the browser depends upon the headers returned by the server when it serves the file and on what file types the browser is capable of rendering. Ronaldo Ronaldo 79 2 2 bronze badges.

For Chrome it is a great solution — Hayk Aramyan. Doesn't work in Safari either: W3 Schools — Alex. Not working in the MS browsers is a rather big problem and Chrome is not always going to be the answer. Not legal HTML; validator. Gleb Dolzikov Gleb Dolzikov 6 6 silver badges 11 11 bronze badges. I had a button that would download an in-memory string as a file. This worked, no problems.

Simplest solution ever. BananaAcid 2, 31 31 silver badges 34 34 bronze badges. Bellash Bellash 6, 4 4 gold badges 42 42 silver badges 79 79 bronze badges. For me ading button instead of anchor text works really well. Brana Brana 1, 3 3 gold badges 16 16 silver badges 35 35 bronze badges. This only works because your browser doesn't support. Your HTML is invalid.

This answer was two years old when you commented that. Mark Mark 1. I don't think that's the problem here. Also the "absolute" path isn't needed if the link is in the same path as the file. Rocket - you are, of course, correct about the absolute path, however, it is the best way to make certain to get it right. I will leave it to the OP to decide if it was helpful - — Mark.

Even after adding download attributes it will not work for cross-domain. The Overflow Blog. Podcast what if you could invest in your favorite developer? Who owns this outage? Building intelligent escalation chains for modern SRE. Featured on Meta. Now live: A fully responsive profile. Reducing the weight of our footer.

Linked 1. See more linked questions. Building intelligent escalation chains for modern SRE. Featured on Meta. Now live: A fully responsive profile. Reducing the weight of our footer.

Related Hot Network Questions. Stack Overflow works best with JavaScript enabled. Examples might be simplified to improve reading and learning. Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content.

While using W3Schools, you agree to have read and accepted our terms of use , cookie and privacy policy. Copyright by Refsnes Data. All Rights Reserved. Easy Normal Medium Hard Expert. Writing code in comment? Please use ide. Load Comments. What's New. Most popular in JavaScript. JavaScript console. Most visited in Web Technologies.