Download image and rename it using JS

async function fetchImages(url, name){

    await fetch(url).then( async(res) => {
    const blob = await res.blob();
    const newBlob = new Blob([blob]);
      const blobUrl = window.URL.createObjectURL(newBlob);

    const link = document.createElement('a');
    link.href = blobUrl;
    link.setAttribute('download', name);
    document.body.appendChild(link);
    link.click();
    link.parentNode.removeChild(link);

    // clean up Url
    window.URL.revokeObjectURL(blobUrl);
}) 
}

let categories = jQuery(".sub-category").slice(140, 147);
Array.prototype.forEach.call(categories, async (cat) => {
    let srcimage = jQuery(cat).find('img').attr('src');
    let brandText = jQuery(cat).find('h4 strong').text();
    let renamed = brandText.replace(/\s/g, '-');
    await fetchImages(srcimage, renamed+".jpg")
})