前端计算MD5和SHA256方法

分别介绍前端如何计算大文件的MD5和SHA256值

  // 文件md5计算
  loadNext() {
    this.chunks = Math.ceil(this.file.size / this.chunkSize);
    const fileReader = new FileReader();
    fileReader.onload = (e) => {
      const result: any = (e.target as any).result;
      this.spark.append(result);
      this.currentChunk++;
      if (this.currentChunk < this.chunks) {
        this.loadNext();
      }
      else {
        this.mdvalue = this.spark.end();
      }

    };
    const start = this.currentChunk * this.chunkSize;
    const end = ((start + this.chunkSize) >= this.file.size) ? this.file.size : start + this.chunkSize;
    fileReader.readAsArrayBuffer(File.prototype.slice.call(this.file, start, end));
  };
  // 文件sha256计算
  loadFile(){
    var contractFile = this.file;
    const reader = new FileReader();
    // 指定文件分块大小
    var chunkSize = 6 * 1024 * 1024;
    // 计算文件分块总数
    var chunks = Math.ceil(contractFile.size / chunkSize);
    // 指定当前块指针
    var currentChunk = 0;
    const hasher = CryptoJs.algo.SHA256.create();
    // FileReader分片式读取文件
    // 计算开始读取的位置
    var start = currentChunk * chunkSize;
    // 计算结束读取的位置
    var end = start + chunkSize >= contractFile.size ? contractFile.size : start + chunkSize;
    reader.readAsArrayBuffer(File.prototype.slice.call(contractFile, start, end));
    reader.onload = (e) => {
          var fileStr: any = (e.target as any).result;
          var tmpWordArray = CryptoJs.lib.WordArray.create(fileStr)
          hasher.update(tmpWordArray);
          currentChunk += 1;
          fileStr = null;
          tmpWordArray = null;
          // 判断文件是否都已经读取完
       if (currentChunk < chunks) {
           // 计算开始读取的位置
           var start = currentChunk * chunkSize;
           // 计算结束读取的位置
           var end = start + chunkSize >= contractFile.size ? contractFile.size : start + chunkSize;
           reader.readAsArrayBuffer(File.prototype.slice.call(contractFile, start, end));
       }else{
        this.sha256value = hasher.finalize().toString();;
       }
    }
  }

参考文档:

HTML5 File API 配合 Web Worker 计算大文件 SHA3 Hash 值: 

https://blog.izgq.net/archives/1260/

前端页面使用js计算文件的md5和sha256:

https://www.jianshu.com/p/382351750454

前端加密控件CryptoJS的使用: 

https://my.oschina.net/u/4404738/blog/3412099

  • 3
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值