Download attribute in tag doesn't work when file URL called from sub domain

Question

I have a blog here where I have used an anchor tag (<a>) with the download attribute for an HTML file:

<a href="http://www.idevelopweb.site/newsletters/welcome-simple/welcome-simple.html" download>Download it here <i class="fa fa-download" aria-hidden="true"></i></a>

Screenshot:

Expected: when the user clicks, it should open the dialogue box to download the file.

However, it navigates to the file. AFAIK, it was working earlier. Not sure what happened, or am I missing something? As per this w3schools example, ".html" file is allowed.

Any help would be much appreciated without using JavaScript.

EDIT: This blog is in a subdomain (http://blog.idevelopweb.site/) and I'm calling the HTML file which is in the root directory (http://www.idevelopweb.site/) so I have used an absolute path.

Possible duplicate of [how to download file using anchor tag ](https://stackoverflow.com/questions/21607309/how-to-download-file-using-anchor-tag-a) — Prajwal, May 22 '18 at 07:03
download attribute only works for same-origin URLs. https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#Attributes — Dinesh Patil, Sep 24 '18 at 11:50

score 6 · Answer 1 · answered May 22 '18 at 07:24

6

I may direct you to here.

Your problem is the same origin policy of the download attribute. So either use the same url or relative path.

answered May 22 '18 at 07:24

Domenik Reitzner

1,583
1
12
21

1

does it applicable to sub domain too – bubesh May 22 '18 at 07:26

score 1 · Answer 2 · edited May 22 '18 at 08:59

1

Download file when clicking on the link (instead of navigating to the file):

<a href="link" download="logo">

Note: The download attribute is not supported in Edge version 12, IE, Safari 10 (and earlier), or Opera version 12 (and earlier)

edited May 22 '18 at 08:59

Robert Andrzejuk

5,076
2
22
31

answered May 22 '18 at 07:04

mahesh talaviya

127
2
15

score 0 · Answer 3 · answered May 22 '18 at 10:52

0

In your Code

<a href="http://www.idevelopweb.site/newsletters/welcome-simple/welcome-simple.html" download>Download it here <i class="fa fa-download" aria-hidden="true"></i></a>

The href contain link of the webpage instead of the data , image or file which nedded to be downloaded. The webpage cant be downloaded using download attribute of anchor tag.Thus it should be in format:

<a href= "--link of image or file to be downloaded--"  download > Download </a>

For example:

<a href="/images/myw3schoolsimage.jpg" download> Download </a>

This download the myw3schoolsimage.jpg image

answered May 22 '18 at 10:52

Suraj Libi

515
2
9

.html file is allowed, we can use it – bubesh May 24 '18 at 04:00
I have yet to find a way to "error trap" a download link. Suppose the file no longer exists. Should be a way to get javascript to show an alert – Cristofayre Feb 24 '21 at 17:14

Download attribute in tag doesn't work when file URL called from sub domain

3 Answers3