github鏈接

1.先下載

npm i browser-md5-file -S

2.在使用的vue頁面引入和聲明方法

import BMF from 'browser-md5-file' const bmf = new BMF()

3.使用方法：

function handle(e) {const file = e.target.files[0];bmf.md5(file,(err, md5) => {console.log('err:', err);console.log('md5 string:', md5); // 97027eb624f85892c69c4bcec8ab0f11},progress => {console.log('progress number:', progress);},); }

4.終止md5計算方法（大文件計算很費時 ）：

bmf.abort()

5.代碼可以直接復制使用：

<template><div><!-- 上傳文件 --><!-- multiple 選擇多個文件屬性 --><input type="file" placeholder-class="input-placeholder" @change="handle"></div> </template><script> // 先下載 npm i browser-md5-file -S import BMF from 'browser-md5-file' const bmf = new BMF() export default {data () {return {}},methods: {handle (e) {// console.log(e)const file = e.target.files[0]// console.log(file)bmf.md5(file,(err, md5) => {console.log('err:', err)console.log('md5 string:', md5) // 97027eb624f85892c69c4bcec8ab0f11// const formData = new FormData() // 每次失敗要重置formdata對象// formData.append('file', e.target.files[0])//文件掉接口方式// You can abort it before success to md5:中止計算md5--大文件計算很費時// bmf.abort()},progress => {console.log('progress number:', progress)})}} } </script><style></style> 創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的计算文件的md5；vue计算文件md5值；计算图片的md5值；的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。