vue element-ui中上传音乐，获取音乐时长，名字等信息

有的时候需要在上传音乐的时候，就获取这个音乐的一些信息

 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