How to download image in React.js?

Question

I use this to download -

<a href={`${link}`} download="file">Download</a>

But it's not working for me. I use the Chrome browser. It just opens the file in the browser.

What is the `Content-Disposition` header that is shown for the GET response in the dev tools? The [mdn docs](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-download) show some information about the `download` attribute behavior and how it is influenced by the header info. — Martin, Dec 13 '21 at 10:13

score 1 · Answer 1 · answered Dec 13 '21 at 08:50

1

function download(fileUrl, fileName) {
 let a = document.createElement("a");
 a.href = fileUrl;
 a.setAttribute("download", fileName);
 a.click();
}

answered Dec 13 '21 at 08:50

Aliaga Aliyev

tried but not working. – Shahid Dec 13 '21 at 09:18
check this - https://okywk.csb.app/ – Aliaga Aliyev Dec 13 '21 at 10:08
It's working for me too. But I am trying to do that when I click the download button automatically download the image instead of showing the image. – Shahid Dec 13 '21 at 10:33

score 0 · Answer 2 · answered Dec 13 '21 at 09:11

0

Try adding target="_blank":

<a href={`${link}`} download="file" target="_blank" >Download</a>

answered Dec 13 '21 at 09:11

Sebastian

its just opening the image on new tab. Its not downloading the image. – Shahid Dec 13 '21 at 09:15

2 Answers2