SparkMD5 浏览器使用MD5

最新推荐文章于 2024-09-13 21:56:49 发布

defending

最新推荐文章于 2024-09-13 21:56:49 发布

阅读量2.2k

点赞数

分类专栏： javascript 文章标签： md5

本文链接：https://blog.csdn.net/defending/article/details/84868988

版权

javascript 专栏收录该内容

19 篇文章 0 订阅

订阅专栏

本文介绍如何使用SparkMD5库在浏览器环境中进行MD5哈希计算，通过链接提供了详细资源。

摘要由CSDN通过智能技术生成

https://github.com/satazor/js-spark-md5

document.getElementById('file').addEventListener('change', function () {
    var blobSlice = File.prototype.slice || File.prototype.mozSlice || File.prototype.webkitSlice,
        file = this.files[0],
        chunkSize = 2097152,                             // Read in chunks of 2MB
        chunks = Math.ceil(file.size / chunkSize),
        currentChunk = 0,
        spark = new SparkMD5.ArrayBuffer(),
        fileReader = new FileReader();

    fileReader.onload = function (e) {
        console.log('read chunk nr', currentChunk + 1, 'of', chunks);
        spark.append(e.target.result);                   // Append array buffer
        currentChunk++;

        if (currentChunk < chunks) {
            loadNext();
        } else {
            console.log('finished loading');
            console.info('computed hash', spark.end());  // Compute hash
        }
    };

    fileReader.onerror = function () {
        console.warn('oops, something went wrong.');
    };

    function loadNext() {
        var start = currentChunk * chunkSize,
            end = ((start + chunkSize) >= file.size) ? file.size : start + chunkSize;

        fileReader.readAsArrayBuffer(blobSlice.call(file, start, end));
    }

    loadNext();
});