How to download file when clicking on the link?

In HTML5 <a> tag has a new "download" attribute.

Eg:

<a href="https://2.bp.blogspot.com/-XFFY1-JzHyU/WQqA0hH-WQI/AAAAAAAAAII/wj2IRZ6vDB0HSDVSpdPerVzqVv6grTShwCLcB/s1600/HeaderLogo.png" download>

In the above example the image will be downloaded when a user clicks on the hyperlink.

The 'download' attribute will work with .pdf, .txt, .html, etc. file extensions.

Final code and demo is here

<!DOCTYPE html><html><head><title>Tryit Editor - tools.bitcompiler.com</title></head><body><h2>
How to download file when clicking on the link?</h2>
<a href="https://3.bp.blogspot.com/-nJQB6FXc4fk/WWAqYNuK7lI/AAAAAAAAALs/iZnOOP5gLvEq-Mp3M_In1qMl7fb5cW8XQCLcBGAs/s1600/Blogger-Logo.jpg" download>Download</a></body></html>

Demo

How to download file when clicking on the link?

No comments:

Post a Comment

Popular Posts

Tags

Contact Form