浏览器获取文件MD5值
生活随笔
收集整理的這篇文章主要介紹了
浏览器获取文件MD5值
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
能做到大文件md5值的獲取，但是文件越大耗時越久。
spark-md5工具包：https://download.csdn.net/download/weixin_36524613/10545957
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title></title><script src="../../static/js/spark-md5.min.js"></script> </head> <body> <form method="POST" enctype="multipart/form-data"><input id=file type=file /> </form> <script>document.getElementById("file").addEventListener("change", function() {var blobSlice = File.prototype.slice || File.prototype.mozSlice || File.prototype.webkitSlice,file = this.files[0],chunkSize = 10485760,//每次讀10Mchunks = Math.ceil(file.size / chunkSize),currentChunk = 0,spark = new SparkMD5.ArrayBuffer(),frOnload = function(e){spark.append(e.target.result); // append array buffercurrentChunk++;if (currentChunk < chunks)loadNext();elsealert(spark.end());},frOnerror = function () {alert("error!")};function loadNext() {var fileReader = new FileReader();fileReader.onload = frOnload;fileReader.onerror = frOnerror;var start = currentChunk * chunkSize,end = ((start + chunkSize) >= file.size) ? file.size : start + chunkSize;fileReader.readAsArrayBuffer(blobSlice.call(file, start, end));};loadNext();}); </script> </body> </html>?
總結
以上是生活随笔為你收集整理的浏览器获取文件MD5值的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： redhat6搭建ftp
- 下一篇： 2017年html5行业报告,云适配发布