Javascript 本地文件系统的CreateObjectURL
为什么会出现“未找到函数”错误 图片:Javascript 本地文件系统的CreateObjectURL,javascript,html,Javascript,Html,为什么会出现“未找到函数”错误 图片: 我不确定您的最终目标是什么,但您在函数中对createObjectURL的引用可能不正确。您要做的是使用输入标记获取本地文件 class LocalFileVideoPlayer{ 构造函数(输入、视频){ 这个输入=输入; 这个视频=视频; this.input.addEventListener('change',this.onChange,false); } 静态createObjectURL(obj){ 返回(URL | | webkitURL).
我不确定您的最终目标是什么,但您在函数中对createObjectURL的引用可能不正确。您要做的是使用输入标记获取本地文件
class LocalFileVideoPlayer{
构造函数(输入、视频){
这个输入=输入;
这个视频=视频;
this.input.addEventListener('change',this.onChange,false);
}
静态createObjectURL(obj){
返回(URL | | webkitURL).createObjectURL(obj);
}
onChange=()=>{
const[file]=this.input.files;
如果(!文件){
警报(“未选择文件”);
返回;
}
如果(!this.video.canPlayType(file.type)){
警报('无法播放类型'+file.type]的视频);
返回;
}
播放视频(文件);
}
销毁=()=>{
this.input.removeEventListener('change',this.onChange,false);
this.input=null;
this.video=null;
}
播放视频=(文件)=>{
var url=LocalFileVideoPlayer.createObjectURL(文件);
this.video.src=url;
}
}
var localFileVideoPlayer=新的localFileVideoPlayer(
document.querySelector('input'),
document.querySelector(“视频”)
);代码>
视频,输入{
显示:块;
}
您得到的错误与node或jade有什么关系?请仅发布感兴趣的脚本您想创建什么?@Jason Nichols:我想在浏览器中显示本地文件系统中的视频。/../
不是有效路径,是吗,还是您只是为了可读性而试图缩短它?createObjectURL等待文件或Blob
block head
script.
function convert_local_file() {
var URL = window.URL || window.webkitURL
, file = this.file;
var value = window.webkitURL.createObjectURL("file:///home/sanika/NodeJS/Projects/project1/routes/../videosTrans/Node.js tutorial for beginners - an introduction to Node.js with Express2.js.mp4");
return value;
}
block content
video(id="videolink" width="400" height="320" type="video/mp4" controls)
script.
document.getElementById('videolink').src = convert_local_file();