Vue学习笔记：获取文件唯一标识 md5值

今天分享的技术是：获取文件唯一标识 md5值

第一步：导入依赖

npm install spark-md5 --save

第二步：引用依赖

import SparkMD5 from "spark-md5";

第三步：上传文件

 <input
                    multiple="multiple"
                    type="file"
                    ref="fileUpload"
                    style="display: none"
                    @change="fileUploadChange()"
            />

第四步：获取 md5值

    fileUploadChange: function (event) {
      var fileReader = new FileReader();
      var spark = new SparkMD5.ArrayBuffer();
      // 获取文件二进制数据
      fileReader.readAsArrayBuffer(event.target.files[0]);
      fileReader.onload = function (e) {
        spark.append(e.target.result);
        var md5 = spark.end();
        console.log(md5);
      };
    }

获取值打印：

支持作者

欢迎关注作者公众号！！