Javascript FileReader API'；加载'；事件

我目前正在从事UnityWebGL项目，我对javascript和web是新手

在我的项目中，用户必须能够将图片和视频添加到webgl播放器中，图片工作正常（多亏了gman的代码）。我用它作为脚本的基础。当然，我已经改变了输入接受，以便能够获得视频（仅mp4）。但是我遇到了一些麻烦

我已经阅读了这篇文章以及我找到的所有关于javascript文件、Blob等的文档，但是我没有让它工作。我相信对于

文件阅读器

有一些我不理解的地方，因为

控制台上的
日志
“加载”

监听器从未被调用，对于

“onerror”

监听器也是如此，除非我单击了取消（从代码中）

我也尝试过

onloadend

，但它不起作用，因为

onload/onloadend

侦听器从未被称为我的脚本打印

“null”

。这是一个良好的开端，还是有更简单的方法从用户计算机获取

视频/图像

？

属性包含一个事件处理程序，该事件处理程序在触发“加载”事件时，在内容读取（例如readAsDataURL）可用时执行

• 事件侦听器应该侦听事件，而不是“onload”

---

reader.readAsDataURL（文件）正在回调函数中调用

• 移动行reader.readAsDataURL（文件）；在“加载”事件回调函数之外

---

---

感谢您的快速回复！我已经试过了，但是它从来没有在onload侦听器上运行过。我没有控制台错误，文件名是正确的，我在没有经过onload的情况下完成了所有函数。它工作得很好！（reader.onload=function（）…）所以我认为我只需要读取asdataurl并使用这个.result。我会检查的！您可以从这里了解有关FileReader Api的更多信息

function getPic( evt ) {
    var file = document.querySelector( 'input[type=file]' ).files[0];
    var reader = new FileReader();

    reader.addEventListener( "onload", function () {
        reader.readAsDataURL( file );
        console.log( reader.result );
    }, false );
    reader.addEventListener( "onerror", function ( error ) {
        console.log( "error" + error );
    }, false );
}

reader.addEventListener("load", function(event) {...
reader.onload = function() {...

reader.addEventListener("load", function(){
   console.log(reader.result);
}, false);

reader.readAsDataURL(file);