vue input file获取视频时长

在其他文章中，首先要做的步骤是获取视频的本地地址，但其实并不需要这么麻烦，在H5中有一个比较好用的方法——FileReader

我们使用FileReader，将input file得到的e.target.files通过

let reader = new FileReader() reader.readAsDataURL(file)

得到文件的base64格式，由于视频无法像图片一样通过new一个Image对象来获取其属性，在里事先声明一个video，并通过js获取refs，将得到的base64数据赋值给video

由于在初始赋值时，不能立即获取到视频的时长，设置一个延时就可以了，比如setTimeout(() => { ... },1000)