上传视频文件时动态获取视频时长

在浏览器中，能够使用URL的API URL.createObjectURL() 然后赋值给一个不显示的video标签里

var myVideos = [];window.URL = window.URL || window.webkitURL;document.getElementById('fileUp').onchange = setFileInfo;function setFileInfo() {var files = this.files;myVideos.push(files[0]);var video = document.createElement('video');video.preload = 'metadata';video.onloadedmetadata = function() {window.URL.revokeObjectURL(video.src);var duration = video.duration;myVideos[myVideos.length - 1].duration = duration;updateInfos();}video.src = URL.createObjectURL(files[0]);;
}function updateInfos() {var infos = document.getElementById('infos');infos.textContent = "";for (var i = 0; i < myVideos.length; i++) {infos.textContent += myVideos[i].name + " duration: " + myVideos[i].duration + '\n';}
}
复制代码

<div id="input-upload-file" class="box-shadow"><span>upload! (ღ˘⌣˘ღ)</span><input type="file" class="upload" id="fileUp" name="fileUpload">
</div>
<pre id="infos"></pre>
复制代码

上传视频文件时动态获取视频时长相关推荐

ajax上传.mp4文件不出错,ajax视频如何上传？
使用ajax如何上传视频呢?是否了解过呢?这个功能其实在各个网站中非常的常见,通用的技术是否了解呢?希望今天小编能给你们带来帮助哦,接下来就让我们一起来了解下吧. 功能:可实现拖拽上传视频,有进度条显 ...
优酷视频html代码在哪,如何把视频上传到优酷并获取视频通用代码？
我们在网站上添加视频,一般是有两种情况,一:在非产品非文章页面上添加视频,例如首页,使用到的是组件里面的视频组件:二:在产品或文章页面上添加视频,在内容->产品/文章->添加产品/文章-& ...
.NET上传大文件时提示Maximum request length exceeded错误的解决方法
使用IIS托管应用程序时,当我们需要上传大文件(4MB以上)时,应用程序会提示Maximum request length exceeded的错误信息.该错误信息的翻译:超过最大请求长度. 解决方法: ...
怎么上传ftp服务器文件,ftp服务器如何上传本地文件
ftp服务器如何上传本地文件内容精选换一换在本地主机和Windows弹性云服务器上分别安装QQ.exe等工具进行数据传输.使用远程桌面连接mstsc方式进行数据传输.该方式不支持断点续传,可能存 ...
JavaWeb：上传下载文件
1. 文件上传概述 1.1 文件上传的作用例如网络硬盘!就是用来上传下载文件的. 在智联招聘上填写一个完整的简历还需要上传照片呢. 1.2 文件上传对页面的要求上传文件的要求比较多,需要记一下: ...
PHP修改PHP.ini上传大文件的解决办法
此解决办法来自网络,尚未测试,待有需要的时候进行测试并修改此处打开php.ini,首先找到 file_uploads = on ;是否允许通过HTTP上传文件的开关.默认为ON即是开 upload_ ...
【SecureFx服务器无法上传文中文件】
SecureFx服务器无法上传中文文件问题发现解决方案问题发现在一次运维切换域名印射后资源服务器上无法上传中文文件了有问题的截图长这样: 而以前正确的长这样: 解决方案打开全局设置找到配 ...
vue上传大文件/视频前后端（java）代码
vue上传大文件/视频前后端(java)代码一.上传组件二.后端java代码注意: 一.上传组件 <template><div>&l ...
图片和视频的上传（文件上传通用）
流程如下: 1.先引入el-upload 2.调用上传前事件 3.上传前事件中将file文件转formData 4.调用后端oss接口上传文件 5.上传完成后回显数据 6.点击图片/视频预览图片和视 ...

上传视频文件时动态获取视频时长

上传视频文件时动态获取视频时长相关推荐

最新文章

热门文章