计算文件的md5值（Vue）

一、安装（crypto-js）

npm install crypto-js  或者   yarn add crypto-js

二、引入crypto-js，并封装md5计算方法

在项目的src下的utils文件夹（自己建的文件夹）下新建一个fileMd5Sum.js文件，内容如下：

import CryptoJs from 'crypto-js' //引用AES源码js
export default {
    // md5值计算
   fileMd5Sum(file) {
   	let CryptoJS = require("crypto-js");
    return new Promise(resolve => {
        const fileReader = new FileReader();
        fileReader.onloadend = ev => {
        resolve(
            CryptoJS.MD5(CryptoJS.enc.Latin1.parse(ev.target.result)).toString(
            CryptoJS.enc.Hex
            )
        );
        };
        fileReader.readAsBinaryString(file);
    });
   }
}

三、在main.js中引入fileMd5Sum.js文件，并把其挂到Vue的原型上

//文件md5计算方法
import fileMd5Sum from '@/utils/fileMd5Sum.js';
Vue.prototype.fileMd5Sum = fileMd5Sum;

四、在页面中使用，示例：

this.fileMd5Sum.fileMd5Sum(file.raw).then(res => {
	console.log('md5值:', res)
});