vue element-ui中上传音乐,获取音乐时长,名字等信息
有的时候需要在上传音乐的时候,就获取这个音乐的一些信息handleMusic(response, file, fileList){//上传音乐this.musicKey = response.key//获取keythis.shangchuan = fileList[0].url //获取本地的链接var mu...
·
有的时候需要在上传音乐的时候,就获取这个音乐的一些信息
handleMusic(response, file, fileList){//上传音乐
this.musicKey = response.key //获取key
this.shangchuan = fileList[0].url //获取本地的链接
var musicname = fileList[0].name //获取音乐名字
var du =document.getElementById('up_audio')
let that = this;
du.oncanplaythrough = function(){
var time = du.duration
that.musciLength = Math.floor(time).toString()
}
let mu = musicname.substring(0,musicname.indexOf('.mp3')) //截取.MP3前面的字符
if(mu.length>=15){
mu = mu.substring(0,25)
}
this.musictitle = mu
},
在flieList里面就能有上传出来获得到的 url 也就是 (在这里我是用的element-ui里面的upload里面的事件函数)
var url = URL.createObjectURL(content);
这个方法得到的url,然后把url赋值给一个我们事先隐藏的 空的audio标签,找到这个标签,使用 oncanplaythrough方法播放,在这个方法里面外面就能得到 时长duration
更多推荐
已为社区贡献2条内容
所有评论(0)