Download Link not working in html

Question

i am trying to make a download link in html that is given like this for a PDF Book

<a href="http://www.mydomain.org/pdf/book.pdf" target="_blank"> Download </a>

but problem is that when download link is clicked it opens online version of pdf , does not offer download , i did google and found same way to add download link , any one can guide me with it please whats wrong here

use something like this..http://stackoverflow.com/questions/364946/how-to-make-pdf-file-downloadable-in-html-link — Mushahid Hussain, Nov 30 '13 at 12:57

score 14 · Answer 1 · answered Nov 25 '19 at 11:53

14

As of late 2018, clicking the link won’t trigger a download if the resource to be downloaded wasn’t served from the same origin or same server. Apparently, this is restriction is a security measure.

You can download the content in browser and make it downloadable, you can check the below url

https://medium.com/charisol-community/downloading-resources-in-html5-a-download-may-not-work-as-expected-bf63546e2baa

answered Nov 25 '19 at 11:53

madhu131313

7,003
7
40
53

I am opening an html page which is in my computer to test donwload links. it doesnt work. html page and file to be downloaded are both in my pc. – yigitt Jan 17 '22 at 07:03

score 5 · Accepted Answer · answered Nov 30 '13 at 13:17

5

you can try this

<a href="/pdf/book.pdf" download="book.pdf">Download </a>

answered Nov 30 '13 at 13:17

i had already tried this but but thank u for this , accepted this as it was the right ans and anyone comes later will be helpful for him – Nov 30 '13 at 13:32
8

This is correct. But "download" attribute is only works for resources with in same-origin. right? – Ishara Madawa Feb 26 '19 at 06:01

score 1 · Answer 3 · answered Nov 30 '13 at 12:59

1

HTML5 defines the download attribute, which forces the browser to prompt the user a download dialog for the resource instead of navigate to it.

Here is the support across the different browsers: http://caniuse.com/#feat=download.

answered Nov 30 '13 at 12:59

Carlo Cannas

3,206
19
22

score 1 · Answer 4 · answered Nov 30 '13 at 13:10

1

Its not the problem with your script, instead its your browser that has pdf plug-in and displays you the content file directly.You can just save the page (Press CTRL+S) and it would be saved as .PDF file.

Thanks.

answered Nov 30 '13 at 13:10

Anirban

550
3
19

2

but i cant make my site users to press ctrl +s :) – Nov 30 '13 at 13:11
If you are willing to use php at back end then do this: `` it will force download.... – Anirban Nov 30 '13 at 14:43

score 0 · Answer 5 · answered Nov 30 '13 at 13:11

0

The HTML5 download attribute is only supported by Chrome and firefox... Try this :

<a href="download.php" target="_blank"> Download </a>

Download.php

header("Content-disposition: attachment; filename=http://www.mydomain.org/pdf/book.pdf");
header("Content-type: application/pdf:");
readfile("http://www.mydomain.org/pdf/book.pdf");

answered Nov 30 '13 at 13:11

Pain67

326
1
9

i used this and its working Download – Nov 30 '13 at 13:12

score -1 · Answer 6 · edited May 31 '18 at 15:15

-1

if you want to download the pdf in next tab with current website intact then use following code:

 <a href="/pdf/book.pdf" download="book.pdf" target="_blank">Download </a>

edited May 31 '18 at 15:15

sticky bit

36,626
12
31
42

answered May 31 '18 at 14:56

prakash tyata

39
2

Download Link not working in html

6 Answers6

Linked