前端使用 spark-md5 计算文件 MD5 值

小渣渣

需求：很多网站都会有文件上传需求，例如：上传头像、上传资源等。为了保证文件的完整性、一致性，通常前端会计算文件的 MD5 值，在上传的时候一同提交给后端，后端接收到文件后，也会通过后端代码计算文件的 MD5 值，保证数据的正确。

js获取文件MD5值
https://www.itsvse.com/thread-7296-1-1.html

Hash(MD5校验工具） V1.04免安装版
https://www.itsvse.com/thread-4035-1-1.html

crypto-js计算文件的sha256值
https://www.itsvse.com/thread-7293-1-1.html

SparkMD5是MD5算法的快速md5实现。该脚本基于 JKM md5 库，这是最快的算法。这最适合浏览器使用，因为nodejs版本可能会更快。

GitHub 地址：https://github.com/satazor/js-spark-md5
压缩版本的 js 包：https://raw.githubusercontent.com/satazor/js-spark-md5/master/spark-md5.min.js

在使用浏览器计算文件的 MD5 值的时候，通过使用分块计算，如果文件比较大，使用 FileReader 一次性加载到内存中，会导致浏览器奔溃或卡死未响应。

测试一个 235 MB 的文件，如下图：




代码如下：

登录可见。