vue element-ui中上传音乐,获取音乐时长,名字等信息
element
A Vue.js 2.0 UI Toolkit for Web
项目地址:https://gitcode.com/gh_mirrors/eleme/element
·
有的时候需要在上传音乐的时候,就获取这个音乐的一些信息
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
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:2 个月前 )
c345bb45
1 年前
a07f3a59
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update table.md
* Update transition.md
* Update popover.md 1 年前
AtomGit 是由开放原子开源基金会联合 CSDN 等生态伙伴共同推出的新一代开源与人工智能协作平台。平台坚持“开放、中立、公益”的理念,把代码托管、模型共享、数据集托管、智能体开发体验和算力服务整合在一起,为开发者提供从开发、训练到部署的一站式体验。
更多推荐



所有评论(0)