spark-md5根据文件内容生成hash

时间：2025-03-10 06:56:21

当我们上传文件的时候，文件内容不会根据文件名修改而改变，不同文件类型都可以用进制工具查看（十六进制编辑器UltraEdit），对应的文件内容也是固定的。那些文件续传或者秒传的功能就是根据文件内容生成唯一的hash，上传之前让后台判断是否传递过，或者传递了哪些，再根据状态续传或者秒传。

今天分享的是spark-md5这个包，可以根据内容获取唯一的hash。

安装：

npm install --save-dev spark-md5

有两种hash，一个是hex hash十六进制，一个是raw hash（不知道翻译成什么）：

import SparkMD5 from 'spark-md5'

var hexHash = ('Hi there'); // hex hash
var rawHash = ('Hi there', true); // OR raw hash (binary string)
(hexHash); //d9385462d3deff78c352ebb3f941ce12
(rawHash); //Ù8TbÓÞÿxÃRë³ùAÎ

还有另外一种用法，但是raw hash获得的结果不一样：

var spark = new SparkMD5();
('Hi');
(' there');
var hexHash = (); // hex hash
var rawHash = (true); // OR raw hash (binary string)
(hexHash);//d9385462d3deff78c352ebb3f941ce12
(rawHash);//Ԍُ

所以用十六进制的hash应该是更好一些，这边试了一下文件的hash：

<input type="file" @change="getFile">

getFile(file){
  let fileReader = new FileReader();
   = function (e) {
    let hexHash = ();
    (hexHash);
  };
  ([0]);
}

这边要用FileReader把文件内容变成文本或者base64或者ArrayBuffer，官方文档提供的就是文本和ArrayBuffer，而FileReader就有这几个API，FileReader可以把Blob转成其他格式的数据，主要是三个方法readAsText（转化成文本）、readAsArrayBuffer把Blob转成ArrayBuffer、readAsDataURL把Blob转成Base64。

测试了一下，改了文件名输出的hash还是一样，内容修改了，加个空格输出的hash也会改变。

当我们要做断点续传的时候，就把文件用把文件切片，然后把每个切片的文件获取到hash，再加上数组index，组成一个一个的文件名，跟流一起传给后台。

欢迎关注个人订阅号 coding个人笔记

相关文章