JavaScript-FileReader读为DataUrl

我正在Chrome App Store上使用this app.显然,文件API发生了变化,因此我需要实现FileReader来获取放置在页面上的文件的本地URL.

function drop(evt) {

    v = evt.target.id;

    evt.stopPropagation();
    evt.preventDefault();

    var files = evt.dataTransfer.files; // FileList object.

    var f = files[0];

    var reader = new FileReader();

          // Closure to capture the file information.
          reader.onload = (function(theFile) {
            return function(e) {
              document.getElementById(v).src = e.target.result;
            };
          })(f);

   reader.readAsDataURL(f);
}

我想做的是将一首歌曲的URL加载到页面上,并将其加载到HTML5音频标签的src属性中.我无法弄清楚此drop函数在做什么.

有人有什么想法吗？

解决方法:

最后的解决方案很简单.您不能从本地文件系统测试File Reader API.这将创建一个安全错误-由本地文件系统中的空文件头引起.要修复它,只需在任何Web服务器上对其进行测试.

标签：html5,google-chrome,google-chrome-extension,fileapi,javascript
来源： https://codeday.me/bug/20191208/2090746.html