vue-js-获取到上传音乐的标题,作者,时长,大小,封面

第一个链接是npm install的
第二个是引入script的,以防万一我两个都用了
https://www.npmjs.com/package/jsmediatags
https://wwwindex.bootcdn.cn/jsmediatags/

下面是我在项目中使用方法
先在index.html中引入script

    <script src="https://cdn.bootcdn.net/ajax/libs/jsmediatags/3.9.3/jsmediatags.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/jsmediatags/3.9.3/jsmediatags.min.js"></script>

在项目中npm install jsmediatags --save to install

 fileChange(e) {
    
    
      this.file = e.target.files[0];
      if (!this.file) {
    
    
        alert("请先选择需要上传的文件!");
        return;
      }
      console.log(this.file);
      // 拿到文件的时长
      this.getTimes(this.file);
      // 拿到文件的MD5
      let bmf = new BMF();
      bmf.md5(this.file, (err, md5) => {
    
    
        if (err) return alert("md5转化错误");
        console.log(md5);
      });
      // 拿到文件的详细信息
      var jsmediatags = require("jsmediatags");
      jsmediatags.read(this.file, {
    
    
        onSuccess: function(tag) {
    
    
          console.log(tag);
        },
        onError: function(error) {
    
    
          console.log(":(", error.type, error.info);
        }
      });

最后是拿到的东西
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/yxgd_1442962728/article/details/106715425