How To Create A Download Link On Your Website

I have a basic idea of HTML. I want to create the download link in my sample website, but I don't have idea of how to create it. How do I make a link to download a file rather than visit it?

How To Link A Website

VenkatVenkat

10 Answers

This answer is outdated. We now have the download attribute as described here.

If by 'the download link' you mean a link to a file to download, use

the target=_blank will make a new browser window appear before the download starts. That window will usually be closed when the browser discovers that the resource is a file download.

Note that file types known to the browser (e.g. JPG or GIF images) will usually be opened within the browser.

You can try sending the right headers to force a download like outlined e.g. here. (server side scripting or access to the server settings is required for that.)

Community
Pekka 웃Pekka 웃

How To Create A Download Link On Your Website Page

How to Create a Download PDF Link. By: Nick Peers. Share; Share on Facebook; HTML5 allows you to force the visitor's Web browser to download files, such as PDFs, instead of opening them in the browser. Alternatively, you can embed and display your PDF files inside the page, or let the Web browser display them instead of opening an external PDF. Learn how to create direct links to your files and documents on Google Drive that will download the file instead of opening them in the browser. Create Direct Links to your Files on Google Drive Written by Amit Agarwal on Jan 2, 2014. Upload the download.html page using your FTP software. Type the full url of this page into your browser. Begin testing the links to each file to make sure it downloads correctly. Edit your download.html page as needed. If you are using your Control Panel, click on the View Page link and test the links on the page. Edit as needed. Years ago, when a visitor to your website clicked a link that pointed to a non-HTML document like a PDF file, an MP3 music file, or even an image, those files would download to that person's computer.

In modern browsers that support HTML5, the following is possible:

You also can use this:

This will allow you to change the name of the file actually being downloaded.

Felix G.Felix G.

In addition (or in replacement) to the HTML5's <a download attribute already mentioned,
the browser's download to disk behavior can also be triggered by the following http response header:

This was the way to do before HTML5 (and still works with browsers supporting HTML5).

MyobisMyobis

A download link would be a link to the resource you want to download. It is constructed in the same way that any other link would be:

OdedOded

To link to the file, do the same as any other page link:

To force things to download even if they have an embedded plugin (Windows + QuickTime = ugh), you can use this in your htaccess / apache2.conf:

Website
Delan AzabaniDelan Azabani

This thread is probably ancient by now, but this works in html5 for my local file.

For pdfs:

<p><a href='file:///........example.pdf' download target='_blank'>test pdf</a></p>

This should open the pdf in a new windows and allow you to download it (in firefox at least). For any other file, just make it the filename. For images and music, you'd want to store them in the same directory as your site though. So it'd be like

johanjohan

The download attribute doesn't work in IE, it ignores the 'download' completely. The download doesn't work on Firefox if the href points to a remote site. So Odin's example doesn't work on Firefox 41.0.2.

How to create a download link on your website account
Bill CoffinBill Coffin
Download

The download attribute is new for the <a> tag in HTML5

<a href='http://www.odin.com/form.pdf' download>Download Form</a>
or
<a href='http://www.odin.com/form.pdf' download='Form'>Download Form</a>

I prefer the first one it is preferable in respect to any extension.

OdinOdin

Like this

So a file name.jpg on a site example.com would look like this

How To Create A Link

ConCon

i know i am late but this is what i got after 1 hour of search

and for downloadable link i did this

SikanderSikander

How To Create A Download Link On Your Website Youtube

protected by CommunityJul 13 '16 at 10:33

Thank you for your interest in this question. Because it has attracted low-quality or spam answers that had to be removed, posting an answer now requires 10 reputation on this site (the association bonus does not count).
Would you like to answer one of these unanswered questions instead?

How To Create A Download Link On Your Website Account

Not the answer you're looking for? Browse other questions tagged htmldownload or ask your own question.