Save any file at a url with a provided filename

downloadURLAsFilename.js

// Created By   : moe | mail is 𝚐𝚑𝚞𝚋-𝚊𝚝-𝚖𝚔𝚑𝚊𝚕𝚒𝚕.𝚘𝚛𝚐
// Uploaded To  : https://gist.github.com/moekhalil
// Uploaded Date: 09/06/2022
// Notes        : Save any file at a url with a provided filename.
//              : Unlike download attribute, this even works with cross-origin urls

const downloadURLAsFilename = async ({ url, fileName }) => {

  const mediaItem = await fetch(url);
  const mediaBlob = await mediaItem.blob();
  const fileBlobURL = URL.createObjectURL(mediaBlob);

  const domAnchorElement = document.createElement('a');
  domAnchorElement.setAttribute("download", fileName);
  domAnchorElement.setAttribute("href", fileBlobURL);;
  domAnchorElement.addEventListener("click", () => {
    setTimeout(() => {
      URL.revokeObjectURL(fileBlobURL);
      domAnchorElement.remove();
    }, 500);
  });

  document.body.append(domAnchorElement);

  domAnchorElement.click();

};