Spark-MD5获取文件MD5的hash标识

最新推荐文章于 2024-06-18 18:06:48 发布

鹿歪歪酱

最新推荐文章于 2024-06-18 18:06:48 发布

阅读量5.5k

点赞数 2

文章标签： js spark-md5 md5

原文链接：https://blog.csdn.net/anan890624/article/details/52296162

版权

原文链接：https://blog.csdn.net/anan890624/article/details/52296162

先自己下载 Spark-MD5
npm install spark-md5

function calculate(file,callBack){  
		/*
		* 	file 选取的文件
		* 	callBack 回调函数可以返回获取的MD5
		*/
    var fileReader = new FileReader(),  
        blobSlice = File.prototype.mozSlice || File.prototype.webkitSlice || File.prototype.slice,  
        chunkSize = 2097152,  
        // read in chunks of 2MB  
        chunks = Math.ceil(file.size / chunkSize),  
        currentChunk = 0,  
        spark = new SparkMD5();  
  
    fileReader.onload = function(e) {  
        spark.appendBinary(e.target.result); // append binary string  
        currentChunk++;  
  
        if (currentChunk < chunks) {  
            loadNext();  
        }  
        else {  
            callBack(spark.end());
        }  
    };  
  
    function loadNext() {  
        var start = currentChunk * chunkSize,  
            end = start + chunkSize >= file.size ? file.size : start + chunkSize;  
  
        fileReader.readAsBinaryString(blobSlice.call(file, start, end));  
    };  
    loadNext();  
};

举个栗子：

<!DOCTYPE html>
<html>
<head>
	<title>speak-MD5</title>
</head>
<body>

	<input type="file" name="" id='file'>


<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="node_modules/spark-md5/spark-md5.js"></script>

<script type="text/javascript">

$('#file').change(function(){
    let data = this.files[0];
    console.log(data)
    calculate(data,function(md5){
	 	console.log(md5)//hash值
	 })
})
	
function calculate(file,callBack){  
    var fileReader = new FileReader(),  
        blobSlice = File.prototype.mozSlice || File.prototype.webkitSlice || File.prototype.slice,  
        chunkSize = 2097152,  
        // read in chunks of 2MB  
        chunks = Math.ceil(file.size / chunkSize),  
        currentChunk = 0,  
        spark = new SparkMD5();  
  
    fileReader.onload = function(e) {  
        spark.appendBinary(e.target.result); // append binary string  
        currentChunk++;  
  
        if (currentChunk < chunks) {  
            loadNext();  
        }  
        else {  
            callBack(spark.end());
        }  
    };  
  
    function loadNext() {  
        var start = currentChunk * chunkSize,  
            end = start + chunkSize >= file.size ? file.size : start + chunkSize;  
  
        fileReader.readAsBinaryString(blobSlice.call(file, start, end));  
    };  
  
    loadNext();  
}
</script>
</body>
</html>

鹿歪歪酱

关注

2
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
Spark-MD5获取文件MD5的hash标识

原文链接：https://blog.csdn.net/anan890624/article/details/52296162先自己下载 Spark-MD5npm install spark-md5function calculate(file,callBack){ /* * file 选取的文件 * callBack 回调函数可以返回获取的MD5 */ var...
复制链接

扫一扫