Is it possible to create image download link when image comes from api data?

Question

I'm working with API and I retrieve all data along with image by sending API request. Now i want to create image download link. In that case if image location is like https://images.unsplash.com/photos/291762/unsplash-photo-291762.jpeg So, How can i create image download link. I also try using html Download attribute but it doesn't work it directly opens full images in tab.

Try download attribute like this `download="unsplash.jpeg"`. — isAif, Jun 20 '20 at 16:15

score 0 · Answer 1 · answered Jun 20 '20 at 08:47

0

Weird... I use Chromium-based Edge, and the plain download attribute works properly. The same goes for Firefox (mobile and desktop).

<a href="https://images.unsplash.com/photos/291762/unsplash-photo-291762.jpeg" download>
    Some content/image here
</a>

Or, you can take a look at this answer. It will require opening in a new tab on click though.

answered Jun 20 '20 at 08:47

Andreas

25
3

This method is doesn't work. It open image in browser tab – Talentrabb World Jul 02 '20 at 06:05
What browser did you use? – Andreas Jul 09 '20 at 01:57

score 0 · Answer 2 · answered Dec 16 '20 at 09:42

0

This simple soultion will work. Add ?force=true at the end of each url href attribute:

<a href="https://images.unsplash.com/unsplash-photo-291762.jpeg?force=true">Download</a>

answered Dec 16 '20 at 09:42

Frostbourn

330
3
21

Is it possible to create image download link when image comes from api data?

2 Answers2