Я хотел бы, чтобы атрибут onClick находил локальные файлы. Мой код следующий:
<a href="#" onClick="javascript:downloadResource('/forsongstab/tracks/Villagers of Ioannina City - Age of Aquarius - 01 Welcome.mp3')"><img class="dli" src="../images/downloadicon.jpeg">01. Welcome</a><br>
и мой скрипт для атрибута onClick:
function downloadBlob(blob, filename) {
var a = document.createElement('a');
a.download = filename;
a.href = blob;
document.body.appendChild(a);
a.click();
a.remove();
}
function downloadResource(url) {
filename = url.split('\\').pop().split('/').pop();
fetch(url, {
mode: 'no-cors'
})
.then(response => response.blob())
.then(blob => {
let blobUrl = window.URL.createObjectURL(blob);
downloadBlob(blobUrl, filename);
})
.catch(e => console.error(e));
}
Проблема, которая у меня возникает, заключается в том, что когда я пытаюсь щелкнуть кнопку загрузки в основном.
Если кто-нибудь сможет найти способ исправить, дайте мне знать. Спасибо!