使用element的upload上传文件时,除了类型和大小,需求需要限制只能长传18秒内的视频,这里通过upload的before-upload,以及创建一个音频元素对象拿到durtaion时长属性来实现。
getVideoTime(file) {return new Promise(async (resolve, reject) => {let url = URL.createObjectURL(file);let audioElement = new Audio(url);let durtaion = 0;audioElement.addEventListener('loadedmetadata', function () {durtaion = audioElement.duration;resolve(parseFloat(durtaion));});});},
loadedmetadata 事件是当指定的音频/视频的元数据已加载时触发,就可以得到元数据,包括时长,尺寸等;
这里使用promise是因为加载音频元数据这是一个异步操作。
在上传文件之前的钩子里就可以拿到视频的时长做判断了,videoTimes的单位是秒。
let videoTimes = await this.getVideoTime(file);