js vue crypto-js 文件转md5

klnxhlt

已于 2024-05-30 17:10:46 修改

阅读量136

点赞数 3

文章标签： javascript vue.js 前端

于 2024-05-30 17:07:21 首次发布

本文链接：https://blog.csdn.net/weixin_43758930/article/details/139329175

版权

安装 crypto-js

npm install crypto-js

<template>
  <div>
    <input type="file" @change="handleFileChange" />
  </div>
</template>

import CryptoJS from 'crypto-js';

export default {
  methods: {
    handleFileChange(e) {
      const file = e.target.files[0];
      const reader = new FileReader();
      reader.onload = (event) => {
        const arrayBuffer = event.target.result;
        const wordArray = CryptoJS.lib.WordArray.create(arrayBuffer);
        const md5Hash = CryptoJS.MD5(wordArray).toString();
        console.log(md5Hash); // 输出计算出的 MD5 值
      };
      reader.readAsArrayBuffer(file);
    }
  }
}