Я создал функцию для принудительной загрузки изображения. Он работает нормально, изображения можно скачать, но я не могу открывать изображения. Программы просмотра изображений не могут распознавать изображения. В чем может быть проблема?
async function downloadFile(uri, type = "image/jpeg") {
let blob = await fetch(uri).then(r => r.blob());
let data = await (new Response(blob)).text();
// Create an invisible A element
const a = document.createElement("a");
a.style.display = "none";
document.body.appendChild(a);
// Set the HREF to a Blob representation of the data to be downloaded
a.href = window.URL.createObjectURL(
new Blob([data], {type})
);
// Use download attribute to set set desired file name
let fileName = "test.jpg";
a.setAttribute("download", fileName);
// Trigger the download by simulating click
a.click();
// Cleanup
window.URL.revokeObjectURL(a.href);
document.body.removeChild(a);
}
downloadFile("https://images.unsplash.com/photo-1590274739982-5567ee902592?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=668&q=80");