window.URL.createObjectURL
可以用于在浏览器上预览本地图片或者视频
在预览视频时,我一直将以为将window.URL.createObjectURL生成的URL,赋给video中的source标签是可以的,结果是不行的,得不到视频,如下图
需要将其赋给video标签才行,如下图
像腾讯,优酷都是这么做的,没有使用source标签,如下图(只不过不是本地视频)
预览视频代码
$(“input”).change(function(){
var files = this.files;
if(!files.length) {
return;
}
$(“video”).attr(“src”, window.URL.createObjectURL(files[0]));
$(“video”).get(0).play();
});