JSFiddle - React, Tailwind, and code Playground

by dipeshbeckham

HTML

<a href="https://upload.wikimedia.org/wikipedia/commons/8/87/Google_Chrome_icon_%282011%29.png" onClick="fetchImageAndDownload">Download</a>

JavaScript

function fetchImageAndDownload(e) {
  e.preventDefault();

  const url = this.getAttribute("href");
  const downloadName = this.download;

  const img = document.createElement("img");

  img.addEventListener("load", () => {
    const a = document.createElement("a");
    a.href = img.src;
    a.download = downloadName;
    a.click();
  });

  img.src = 'fetchImage?url=' + url;
}