HTML <a> with download Attribute

February 10, 2021 7:26 pm IST

You are Here:

HTML <a> with download Attribute

The download attribute is used to download a URL instead of navigating to it.

Note: The download attribute works only when the href attribute is set.

Example

HTML Online Editor

<!DOCTYPE html> <html> <body> <img src="/wikimass.png" width="150" height="150"> <br> <a href="/wikimass.png" download>click here to download.</a> </body> </html>

Run

Download attribute with Value

Note: The value for download attribute is Optional.

Example

HTML Online Editor

<!DOCTYPE html> <html> <body> <img src="/wikimass.png" width="150" height="150"> <br> <a href="/wikimass.png" download="book">click here to download.</a> </body> </html>

Run

Safe Usage

Though most of the modern browser supports download attribute, very few old browsers like Internet Explorer will not support download attribute. So its developer's duty to notify user either to update or to switch their browser to download your file.

In the following example, we will check whether the browser supports download attribute or not by using JavaScript.

Request: If possible, open this page in internet explorer and Run the following example.

Example

HTML Online Editor

<!DOCTYPE html> <html> <body> <img src="/wikimass.png" width="150" height="150"> <br> <a href="/wikimass.png" download onclick="checkDownload()">click here to download.</a> <script> var hyperlink = document.createElement("a"); // Check if user browser does not supports download attribute function checkDownload(){ if(hyperlink.download === undefined) alert("Sorry, Your browser doesn't support download attribute"); else alert("click OK to download the image"); } </script> </body> </html>

Run