vue上传音视频文件并获取时长

在开发工作中，上传文件到服务器是经常会做的事，也会发现我上传的文件使用不了。

主要记录一个破损文件可以上传但无法使用时，在前端如何让这个文件无法上传，文件选择以及文件名、文件大小就不写了....，直接写获取文件信息的方法。

利用URL.createObjectURL() 静态方法创建 URL 的 File对象

 getMp4Time(file) {let that = thisreturn new Promise((resolve,reject) => {//把element上传组件传给我们的file转成urllet url = URL.createObjectURL(file)//获取对象var audioElement = new Audio(url)//监听事件audioElement.addEventListener('loadedmetadata', () => { const time = Math.round(audioElement.duration * 100) / 100resolve(time)  })audioElement.addEventListener('error', () => { resolve(0)})})       },

使用时判断一下返回值，给出相应提示就好了

let time = await that.getMp4Time(file)
console.log('time',time)

vue上传音视频文件并获取时长相关推荐

vue 上传音视频文件获取时长
经常我们在上传了音视频文件后需要得到时长,来进行免费试看分钟的设置. 可以使用URL.createObjectURL() 的方法来实现 // 获取上传文件时长 handleTime(file) {re ...
访问服务器上视频的文件,服务器上的视频文件
服务器上的视频文件内容精选换一换抽帧截图功能根据时间间隔采样抽帧,均匀的截取对应视频的多帧图像,然后保存为图片文件.您可以通过API或者调用转码SDK对视频进行抽帧截图.媒体处理服务提供灵活的抽 ...
华为服务器视频无法播放视频文件夹,服务器上的视频文件
服务器上的视频文件内容精选换一换华为云帮助中心,为用户提供产品简介.价格说明.购买指南.用户指南.API参考.最佳实践.常见问题.视频帮助等技术文档,帮助您快速上手使用华为云服务. 语音文件和视 ...
java 使用mediainfo_使用mediainfo工具统计每个视频文件（媒体文件）播放时长
需求 1.运营那边需要统计大量视频文件的播放时长,并汇总记录到excel表中,问我有什么方法搞定这边搜索了很多统计媒体文件时长的,主要有以下几种 1.使用java获取 2.使用python获取 3. ...
java通过url获取到上传音视频的时长
由于项目需求,需要从上传的音视频文件中获取到对应的时长展示,苦苦找寻,终于完成了需求,固记录下此以供日后学习巩固.(参考网址放在最后) 第一步,在pom.xml中加入ws.schild的相关依赖 &l ...
vue上传大文件/视频前后端（java）代码
vue上传大文件/视频前后端(java)代码一.上传组件二.后端java代码注意: 一.上传组件 <template><div>&l ...
html5视频上传云,vue+七牛云上传视频文件
Qiniu-JavaScript-SDK基于七牛云存储官方 API 构建,其中上传功能基于 H5 File API.开发者基于 JS-SDK 可以方便的从浏览器端上传文件至七牛云存储,并对上传成功后的 ...
【phpcms-v9】phpcms-v9上传视频文件时的解决方案
1.不建议直接在后台上传视频文件,因为视频文件一般都比较大,直接上传影响带宽:可先通过ftp工具将视频文件上传到指定目录,然后再后台引入视频文件的地址即可 2.如果在上传视频的时候,只想显示" ...
使用python下载加密的流媒体m3u8视频文件，获取电影资源
使用python下载加密的流媒体m3u8视频文件,获取电影资源 m3u8简介代码示例获取文件名与m3u8地址媒体序列解密视频序列片段下载完整代码后记 m3u8简介 M3U8是Unicode ...

vue上传音视频文件并获取时长

vue上传音视频文件并获取时长相关推荐

最新文章

热门文章