如何在Angularjs中使用ng-src指令显示打开的视频文件

Question

我正在使用输入类型文件打开视频文件。以下是正在调用的函数，此处正在发送文件。

function fetchVideo(file) {
    if(file) {
        var reader = new FileReader();
        reader.onload = function(e) {
            layoutVM.video = e.target.result;             
        }
        reader.readAsDataURL(file);
    }
}

这个的HTML是

<video loop muted autoplay>
     <source ng-src="{{layoutVM.video}}" type="video/mp4">
</video>

FileReader工作后，e.target.result从“data：video / mp4; base64，AAAAIGZ0eXBpc29tAAACA .........................开始获取一个长字符串.........“

视频没有在源代码中加载，任何想法？

Answer 1

虽然没有测试，但你可以尝试从文件而不是使用阅读器创建对象URL？

function fetchVideo(file) {
    if(file) {
        layoutVM.video = URL.createObjectURL(file);             
    }
}