"如何在 nextjs 中为图像制作下载按钮"

Question

<\/a>

How do I make a download button for image in NextJS. I've tried using: <a href={} download><a><\/code> . It is redirecting me to another link. Please give me an example on how to make one. Thanks in advance.

"

Answer 1

Thanks to people who had contribute to answer my question. I found a way to make the download button by installing 'js-file-download' and call a function like this.

  const getPicture = async () => {
    axios({
      url: 'whatever file link you want to download(image link, PDF link e.t.c)'`,
      method: "GET",
      responseType: "blob",
    }).then((res) => {
      FileDownload(res.data, 'the same file link you had input in url);
    });
  };