Как я могу заставить атрибут onClick находить локальные файлы - PullRequest
0 голосов
/ 26 мая 2020

Я хотел бы, чтобы атрибут 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));
    }

Проблема, которая у меня возникает, заключается в том, что когда я пытаюсь щелкнуть кнопку загрузки в основном.

Если кто-нибудь сможет найти способ исправить, дайте мне знать. Спасибо!

...