javascript - 如何使 onClick 属性定位本地文件

Question

我想让 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));
    }

我遇到的问题是，当我尝试基本上单击下载按钮时。

如果有人能找到解决方法，请告诉我。谢谢！

标签： javascripthtmlcssdownloadmp3