How to Create Download Link in HTML5 | Making Direct Downloadable Button for Any File Type

Create Download Link in HTML
Hi, Today we’ll learn to create a link to download almost any kind of file using pure html5 without using any kind of php driven script. Creating direct download file links in html for video, audio, songs, music anything was never been so easier before the html5 download attribute introduced.
In this video I will demonstrate how you can create download link for an image and a song using download attribute. When you click on the link it will automatically prompt you to download save the file on your disk.

HTML5 Introduced global attribute download which help you to create links for file to be download when clicked on the link or button.

=================Navigate to Specific part=============

2:50 – Create Link to download Image when clicked on thumbnail in html5

4:34 – Create Link to Download Image when clicked on link text in html5

=====================See working Demo==============


If you have any questions, just comment below in comment section. I will try to respond as soon as possible.

Like, share and comment!

============Useful Tutorials=============
Distributing images evenly in a fluid container

Creating CSS3 Tooltip without using jquery or javascript

Styling placeholder text using css3

Creating three column responsive layout

How to create simple css3 preloading animation

************************CONTACT and RESOURCES*************
Find all the source codes here:

Follow on Twitter

Add on Facebook

Like Page on Facebook


Xem thêm bài viết khác:

You May Also Like

Hướng dẫn cài đặt và cách sử dụng máy đo đường huyết OneTouch Ultra 2

Cách sử dụng máy đo đường huyết One Touch Ultra cực đơn giản bạn không nên bỏ lỡ

Cài đặt Internet Explorer 11

Hướng dẫn cài đặt internet explorer 11 win 7 chỉ trong một nốt nhạc

Cách cắt và lối file lại với nhau bằng phần mềm HJSplit

Tải phần mềm Hjsplit và cách sử dụng Hjsplit cắt nối file trong tictac

Nguyên nhân nào khiến game Dynasty warriors 8 lỗi đen màn hình?

Dynasty warriors 8 lỗi màn hình đen nguyên nhân và cách khắc phục

25 thoughts on “How to Create Download Link in HTML5 | Making Direct Downloadable Button for Any File Type”

  1. Note: if not working in browser, try it under a webspace. I tried it and it works with Apache2 Webserver.

  2. Its not working on my laptop Every time I click on the link it starts playing song but doesn't download!

Leave a Reply

Your email address will not be published. Required fields are marked *