如何通过FileReader的readAsArrayBuffer()获取文件MD5（跳过Base64解码步骤）

嗨，我懂你的需求——想用readAsArrayBuffer()直接拿到文件的MD5，不想绕Base64解码那一圈，还不想碰已经废弃的readAsBinaryString()对吧？其实完全可以做到，咱们直接在字节层面处理ArrayBuffer就行，省掉转Base64的弯路。

你之前用CryptoJS的思路是对的，但其实CryptoJS支持直接处理字节数组，不用先转成Base64再解码。具体步骤很简单：

• 把readAsArrayBuffer()得到的ArrayBuffer转换成Uint8Array
• 将Uint8Array转换成CryptoJS能识别的WordArray格式
• 直接计算MD5并转成你需要的大写十六进制格式

给你贴个完整的代码示例：

const fileInput = document.getElementById('your-file-input');
fileInput.addEventListener('change', function(e) {
  const selectedFile = e.target.files[0];
  if (!selectedFile) return;

  const reader = new FileReader();
  reader.onload = function(event) {
    // 获取ArrayBuffer结果
    const arrayBuffer = event.target.result;
    // 转成Uint8Array
    const uint8Array = new Uint8Array(arrayBuffer);
    // 转换成CryptoJS兼容的WordArray
    const wordArray = CryptoJS.lib.WordArray.create(uint8Array);
    // 计算MD5并转为大写十六进制
    const md5Hash = CryptoJS.MD5(wordArray).toString(CryptoJS.enc.Hex).toUpperCase();
    
    console.log('文件MD5值:', md5Hash);
    // 这里可以把结果用到你的业务逻辑里
  };

  reader.readAsArrayBuffer(selectedFile);
});

这样做的好处不仅是跳过了冗余的Base64转换，还能提升处理效率——尤其是处理大文件时，直接操作字节数组比来回转字符串要快不少，而且完全避开了废弃的API，代码也更规范。

备注：内容来源于stack exchange，提问作者Charles Candy