vue-element上传获取视频的时长

:before-upload的事件中

handleBeforeupload(file) {

this.isStartUpload = true

const isJPG = file.type === 'image/jpeg'

const tmp = file.name.split('.')

const ext = tmp[tmp.length - 1]

var pattern = /(\.avi)|(\.mov)|(\.rmvb)|(\.rm)|(\.flv)|(\.mp4)|(\.3gp)/gi//格式判断

if (!pattern.test(file.name)) {

this.$message({ message: '上传文件只支持avi、mov、rmvb、rm、flv、MP4、3gp格式', type: 'error' })

this.isStartUpload = false

return false

}

var m = (file.size / (1024 * 1024)).toFixed(2).//大小判断

if (m > 1024) {

this.$message({ message: '最大限制1G', type: 'error' })

this.isStartUpload = false

return false

}

const uploadFiles = this.$refs.uploadVideo.uploadFiles

// 将文件格式，添加到$refs中

uploadFiles.forEach(item => {//添加文件格式

if (item.uid === file.uid) {

item.ext = ext

}

// 获取视频时长

//主要代码模块

let url = URL.createObjectURL(file)

let audioElement = new Audio(url)

let duration

audioElement.addEventListener('loadedmetadata', function(_event) {

duration = audioElement.duration //时长为秒，小数，182.36

// this.$parent.$data.wDuration = parseInt(duration)

item.duration = parseInt(duration)

console.log(duration)

})

return true

vue-element上传获取视频的时长相关推荐

VUE+element 上传视频
VUE+element上传视频效果展示 html部分 <el-form-item label="视频上传" prop="storageurl">& ...
SSM根据上传文件获取视频文件时长
一.编写前端上传文件代码 <html> <head><title>file upload</title> </head> <body& ...
js 获取视频文件时长
file为上传后的file类文件类型 //获取视频时长 function FileValue(file) {var url = URL.createObjectURL(file);$("#v ...
ffmpeg 获取视频的时长
简单写个程序获取视频的时长,以便做视频播放器的进度条. 很简单,头文件我懒的敲了,直接复制别的,所以有些多余. 代码如下: #include <libavcodec/avcodec.h> ...
Java获取视频的时长——日期时间处理
Problem: 如何通过Java获取视频的时长? 想通过Java来获取某文件夹(或多个文件夹)下的视频的总时长经过查询资料,发现可以通过JAVE实现:The JAVE (Java Audio Vi ...
pom.xml中java-1.0.2.jar引入并获取视频的时长、大小、格式等信息百分百可行
java-1.0.2.jar引入并获取视频的时长.大小.格式等信息百分百可行前言最近因为自己在整理一个小项目(系列传送门:Spring Cloud Hoxton 版本微服务项目搭建eureka注册 ...
Java使用FFmpeg（自定义cmd）系列之获取视频/音频时长（File文件方式）
ffmpeg系列 Java使用FFmpeg(自定义cmd) Java使用FFmpeg(自定义cmd)系列之获取视频/音频时长 Java使用FFmpeg(自定义cmd)系列之官方API获取视频/音频信息 ...
vue 附件上传获取附近内容_vue实现文件上传功能
vue 文件上传,供大家参考,具体内容如下首先先说一下想要实现的效果就如截图所见,需要将企业和需要上传的文件提交到后台处理,那么接下来就说如何实现 vue 实现 vue 页面代码 class=& ...
vue element上传额外参数
element upload组件上传额外参数有两种办法: 1.element的upload组件有个附带的属性是data可用于传递额外参数用这个自带的属性来传递时,后端可以用request来获取,如下 ...

vue-element上传获取视频的时长

vue-element上传获取视频的时长相关推荐

最新文章

热门文章