前幾天接到一個奇怪的需求恬口，要在web頁面中計算文件的md5值比伏，還好這個項目是只需兼容現(xiàn)代瀏覽器的敞曹，不然要坑死了账月。
其實對文件進行md5综膀，對于后端來說是及其簡單的。比如使用Node.js捶障，只要下面幾行代碼就可以了：
var fs= require('fs');
var crypto = require('crypto');
function md5File(path, callback) {
fs.readFile(path, function(err, data) {
if (err) return;
var md5Value= crypto.createHash('md5').update(data, 'utf8').digest('hex');
callback(md5Value)僧须；
});
}
但是對于瀏覽器，如果不能使用HTML5的file api项炼，對文件md5是幾乎不可能的事担平。如果可以不使用file api，還請哪位大牛給分享一下锭部。
要在瀏覽器中對文件進行md5暂论，基本思路就是使用HTML5的FileReader接口把文件讀取到內(nèi)存，然后獲取文件的二進制內(nèi)容拌禾，最后再進行md5取胎。
Github中已經(jīng)有人最這個問題進行研究，其中比較優(yōu)秀的一個項目就是：js-spark-md5湃窍，該項目使用了世界上最快的md5算法闻蛀。
為了更好的重用代碼，我在js-spark-md5的基礎(chǔ)上封裝了browser-md5-file您市，可以更方便的使用md5 file觉痛。
項目地址：browser-md5-file
Demo： 查看
使用方法非常簡單：
<script src="bower_components/browser-md5-file/dist/browser-md5-file.js"></script>
var el = document.getElementById('upload');
el.addEventListener('change', handle, false);
function handle(e) {
var file = e.target.files[0];
browserMD5File(file, function (err, md5) {
console.log(md5); // 97027eb624f85892c69c4bcec8ab0f11
});
}
詳細(xì)的使用方法可以查看Github中的文檔。
關(guān)于瀏覽器兼容性茵休，由于使用的HTML5 api薪棒，所以只能兼容到一下瀏覽器：
- IE10+
- Firefox
- Chrome
- Safari
- Opera
還有一點，由于需要把文件讀取到內(nèi)存榕莺，md5大文件會性能較差俐芯。
