How to download image file on anchor tag click without opening image in new tab?

Question

I have following code as below in html file that uses asp.net. If the file is any other than the image file, it downloads automatically. But if the file is image, it opens it in tab and then we have to manually download it. How can I automate this process without prompting user to do so manually? And the values of URL and Filename come from database.

<a href="${URL}" download="${FileName}">
   <img 
      src="../Images/Download.png" 
      title="Click here to download the attachment." 
    />
</a>

i don't see an issue with this. if you have correct `href="path/to/image"` https://www.w3schools.com/tags/tryit.asp?filename=tryhtml5_a_download2 shows an example — Andrejs Gubars, Feb 13 '19 at 12:08
Make sure that the image doesn't have a `Content-Disposition: inline` header (see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#Attributes in the "notes" section). — thibpat, Feb 13 '19 at 12:09

score 1 · Answer 1 · answered Feb 13 '19 at 12:08

1

To download an image, use this syntax:

<a href="${Filename}" download="download">

answered Feb 13 '19 at 12:08

Jack Bashford

43,180
11
50
79

1

why forcing the name of the file =download? thats not what OP is asking for. – Andrejs Gubars Feb 13 '19 at 12:14
3

The OP is already using the `download` attribute. This answer doesn't relate to the question being asked. – Rory McCrossan Feb 13 '19 at 12:15
I cannot give the name of the file in href as it will not know where to go to download the file. – Komal R Feb 13 '19 at 12:20
this is not working, its opening image – Kunal Rajput Apr 24 '22 at 16:27

How to download image file on anchor tag click without opening image in new tab?

1 Answers1