vue+antd-upload获取上传文件的md5值

1、安装spark-md5

npm install spark-md5

2、在需要的页面引用

import SparkMD5 from "spark-md5";

3、利用antd-upload的beforeUpload事件或customRequest事件中的参数生成md5（此处以beforeUpload事件为例）

HTML：
   <a-upload
      name="upload"
      :before-upload="beforeUpload"
    >
      <a-button>上传</a-button>
    </a-upload>


js：

    beforeUpload(file) {
      console.log(file);

      //获取MD5
      var fileReader = new FileReader();
      var spark = new SparkMD5.ArrayBuffer();
      fileReader.readAsArrayBuffer(file);
      fileReader.onload = (e) => {
        spark.append(e.target.result);
        var md5 = spark.end();
        console.log(md5); // 控制台输出md5
      };

      // 以下代码可忽略，作用是过滤非Excel的文件类型
      const isExcel =
        file.type === "application/vnd.ms-excel" ||
        file.type ===
          "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet";
      if (!isExcel) {
        this.$message.error("不支持该文件类型！");
      }
      return isExcel;
    },