介绍
这期内容当中小编将会给大家带来有关使用vue怎么获取视频的时长,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。
HTML:,,,
& lt; el-upload 类=皍pload-demo",: action=癮ctionUrl",: show-file-list=癴alse",:成功=癶andleAvatarSuccess" ,,,,:before-upload=癰eforeAvatarUpload"比; ,,,,& lt; button 类=癱e-button not-hover primary"比; ,,,,,& lt;小姐:类=癱e-icon_upload"祝辞& lt;/i> ,,,,,& lt; span>重新上传& lt;/span> ,,,,& lt;/button> ,,,& lt;/el-upload>
js:
, beforeAvatarUpload(文件),{ ,,,var fileName =, file.name | |, & # 39; & # 39; ,,,var ext =, fileName.split(& # 39; # 39;公司)[fileName.split(& # 39; # 39;公司).length 作用;1] ,,,if (ext !==,“doc",,,, ext !==,“docx",,,, ext !==,“xls",,,, ext !==,“xlsx" ,,,,,,,ext !==,“ppt",,,, ext !==,“pptx",,,, ext !==,“pdf",,,, ext !==,“mp4"), { ,,,,通知({美元。 ,,,,,标题:,“失败“, ,,,,,的信息:,“上传资源只能是,doc/多克斯/xls/xlsx/ppt/pptx/pdf/mp4 格式!“, ,,,,,类型:,“error", ,,,,,时间:3000年 ,,,,}); ,,,,return 错误的 ,,,} ,,,//,ppt (10 mb), word (10 mb), excel (5 mb) ,,,if (==ext “doc", | |, ext ==,“docx", | |, ext ==,“ppt", | |, ext ==,“pptx"), { ,,,,调试器 ,,,,if (方法(file.size),祝辞,方法(& # 39;10485760 ? & # 39;)),{ ,,,,,通知({美元。 ,,,,,,标题:,“失败“, ,,,,,,的信息:,“上传单词,ppt文件上限为10 mb !“, ,,,,,,类型:,“error", ,,,,,,时间:3000年 ,,,,,}); ,,,,,return 错误的 ,,,,} ,,,} ,,,if (ext ==, & # 39; mp4 # 39;),{,//获取视频时长 ,,,,var url =, URL.createObjectURL(文件); ,,,,var audioElement =, new 音频(url); ,,,,var 时间; ,,,,audioElement.addEventListener (“loadedmetadata",, function (_event), { ,,,,,duration =, audioElement.duration;,//时长为秒,小数,182.36 ,,,,,这个。父母。data.wDuration 美元=,方法(持续时间) ,,,,,console.log(持续时间); ,,,,}); ,,,} ,,,这个。父母。data.wFileName 美元=file.name ,,,这个。父母。data.wSize 美元=,parseFloat(时间/file.size 1024) .toFixed(2),//获取文件大小 以前,,}>上述就是小编为大家分享的使用vue怎么获取视频的时长了,如果刚好有类似的疑惑,不妨参照上述分析进行理解。如果想知道更多相关知识,欢迎关注行业资讯频道。
使用vue怎么获取视频的时长