js读取文件的MD5值

这个网络很多教程,我使用的是VUE,就是你选择文件按钮选择文件(各种格式,含APK),然后读取该文件的MD5值。非常简单。

当然你也可用用在加密算法。

下载插件(参考):https://github.com/forsigner/browser-md5-file

这下载插件不好使,建议使用npm安装方式:

d:该项目路径下 > npm i browser-md5-file -S

我们的按钮选择的是element格式,你可用使用原生的,但注意读取文件时的区别,参考:https://blog.csdn.net/bbs11007/article/details/117749289?spm=1001.2014.3001.5501

el按钮样式:


<el-button 
   slot="trigger" 
   size="small" 
   type="primary"
   :on-change="importFile" 
>
选取文件
</el-button>

我们点击选择按钮文件后,选择引用

import BMF from 'browser-md5-f
  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
JavaScript本身并没有提供计算文件MD5的API,但可以通过引入第三方库来实现该功能。以下是使用第三方库spark-md5计算文件MD5的示例代码: ```javascript // 引入spark-md5库 import SparkMD5 from 'spark-md5'; // 读取文件内容并计算MD5 function calculateMD5(file) { return new Promise((resolve, reject) => { let fileReader = new FileReader(); let spark = new SparkMD5.ArrayBuffer(); fileReader.onload = function() { spark.append(fileReader.result); let hash = spark.end(); resolve(hash); }; fileReader.onerror = function() { reject(fileReader.error); }; fileReader.readAsArrayBuffer(file); }); } // 读取文件并计算MD5 let fileInput = document.querySelector('input[type="file"]'); fileInput.addEventListener('change', function() { let file = fileInput.files[0]; calculateMD5(file).then(hash => { console.log(hash); }).catch(error => { console.error(error); }); }); ``` 在上述代码中,我们首先使用ES6的import语法引入了spark-md5库。接着,定义了一个calculateMD5()函数,用于读取文件内容并计算MD5。 在calculateMD5()函数中,我们首先创建了一个FileReader对象,并且定义了onload事件处理函数。当文件读取完成后,该事件处理函数会被调用。 接着,我们使用spark-md5库创建了一个SparkMD5.ArrayBuffer对象,并将读取到的文件内容追加到该对象中。最后,调用SparkMD5.ArrayBuffer对象的end()方法来计算文件MD5。 需要注意的是,由于文件读取是异步操作,因此calculateMD5()函数返回一个Promise对象,可以使用then()方法来获取计算出的MD5。 最后,在文件选择框的change事件处理函数中,我们调用了calculateMD5()函数来计算文件MD5,并将结果输出到控制台中。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

测试狂人

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值