How to create a link that triggers file download?

Question

When a user clicks a "Download PDF" link, I would like for the download prompt to appear and for the user to be able to download the file.

Currently, the user is just transferred to the address of the PDF file.

For example:

<a..[what goes here??]..>Download PDF</a>

It seems that there's a combination of JavaScript & PHP needed to do this.

Can anyone give an example?

score 8 · Answer 1 · answered Oct 02 '09 at 11:56

Redirect to a PHP page with this code on it:

<?php
header('Content-disposition: attachment; filename=movie.mpg');
header('Content-type: video/mpeg');
readfile('movie.mpg');
?>

your <a href code will need to point to a specific page, and readfile will call your resource

Further reading

Just as a side note, I do agree that you should not override a browsers settings, but sometimes when the boss asks, you just have to do.

score 6 · Accepted Answer · answered Oct 02 '09 at 11:58

6

If you're on Apache, you can drop this into your .htaccess:

<Files *.pdf>
  Header set Content-Disposition attachment
</Files>

This will send all PDF documents as downloads. mod_headers has to be enabled though.

answered Oct 02 '09 at 11:58

middus

9,103
1
31
33

There is also a `download` attribute. (Not sure which browsers support this, but you could add it anyway.) – Darkwater Oct 05 '12 at 18:37

score 3 · Answer 3 · edited Feb 01 '15 at 18:38

You can also use the following code:

<?php 
$file = filter_input(INPUT_GET, 'file');
$filename = basename($file);
header("Content-Type: application/force-download");
header("Content-Disposition: attachment; filename=\"{$filename}\";");
readfile("your file path {$file}");
?>

This will prompt any file extensions such as (.pdf,.docx,.zip,.csv,.txt,.html,.php and so on...) without directly opening into the new browser.

score 2 · Answer 4 · answered Oct 02 '09 at 11:56

2

You can force the browser to save the linked content by adding an HTTP header to the web server response:

Content-Disposition: attachment; filename=<default filename to save as>

On the other side, I don't really see the point in overriding the user's browser configuration, which usually tells if PDF documents should per default be opened in the browser, opened in a separate PDF viewer or saved to disk.

answered Oct 02 '09 at 11:56

jarnbjo

33,923
7
70
94

While I agree, in general, that the user's preference should be honoured, I can think of at least one case where they should be encouraged to download the file, rather than view it in the browser: situations where they probably ought to save a copy, such as on-line insurance policies, or similar. – Roger Lipscombe Aug 02 '10 at 13:06

score 2 · Answer 5 · answered Sep 17 '13 at 19:25

You can use the HTML5 download attribute on your a tag.

<a href="http://love4cats.com/kitten-catalogue.pdf" download>Download the CATalogue</a>

You should check your analytics and make sure that your target browser supports the attribute. See the caniuse.com entry page for browser support.

score 0 · Answer 6 · edited Oct 05 '11 at 15:14

0

It's not clear what you mean by

Currently, the user is just transferred to the address of the PDF file.

But I suggest a simple approach:

<a href='http://example.com/download.pdf'>Download PDF</a>

The choice of downloading or opening a file is more a setting of the browser.

edited Oct 05 '11 at 15:14

bluish

26,356
27
122
180

answered Oct 02 '09 at 11:55

pavium

14,808
4
33
50

score 0 · Answer 7 · answered Oct 02 '09 at 11:56

I don't believe there is a magical javascript/PHP solution to your problem, the vanilla HTML:

<a href="docco.pdf" title="this is a link to a pdf">download the PDF</a>

will do what is required, it will direct the browser to request the resource "docco.pdf", it is up to the browser (and any plugins) to do something with this.

For example, there is a firefox addon "PDF download" that offers the user the choice of what to do with a popup.

How to create a link that triggers file download?

7 Answers7

Linked