Какие есть варианты решения проблемы загрзки изображений через этот скрипт, если он блокируется на уровне CORS?

Рейтинг: 0Ответов: 2Опубликовано: 20.04.2023

Написал небольшой скрипт, который скачивается изображение при нажатии на кнопку, но гадский cors блокирует такого рода попытки)) Что можно придумать?

(async function magicsas () {
    const url = document.getElementById('originalimage').getAttribute('href');
    const resp = await fetch(url);
    const blob = await resp.blob();
    const name = url.split("/").pop().replace("jpeg", "jpg");

    downloadBlob(blob, name, url);

    function downloadBlob(blob, name, url) {
        const anchor = document.createElement("a");
        anchor.setAttribute("download", name || "");
        const blobUrl = URL.createObjectURL(blob);
        anchor.href = blobUrl + (url ? ("#" + url) : "");
        anchor.click();
        setTimeout(() => URL.revokeObjectURL(blobUrl), 3000);
    }
})();


document.body.addEventListener("keyup", function(event) {
    event.preventDefault();
    if (event.keyCode === 189) {
        //document.getElementById("highres").click();
        //console.log('Key -_');
        
        //var href = document.getElementById('originalimage').getAttribute('href');
        //console.log(href);
        
        magicsas();
    }
});

UPD/ 21.04.2023 - РЕШЕНИЕ ПРОБЛЕМЫ В ВИДЕ УСТАНОВКИ РАСШИРЕНИЯ ДЛЯ БРАУЗЕРА, КОТОРОЕ РЕГУЛИРУЕТ РАБОТУ CORS

Ответы

▲ 3

Ничего. Cors для того и нужен, чтобы его нельзя было обойти.

▲ 0

Ребят, если кому будет полезно. Расширение для браузера, которое решает пролбему с CORS. Так что проблема решена, всем спасибо!