D5 계산을 위한 파일
1 DOCTYPE html>
2 <html>
3
4 <head>
5 <meta charset="UTF-8">
6 <title>title>
7 <meta http-equiv="Pragma" content="no-cache" />
8 head>
9
10 <body>
11 <input type="file" id="audio" />
12 <div id="handler_info">div>
13 <div class="progressbar">div>
14 body>
15 <script src="js/spark-md5.js" type="text/javascript" charset="utf-8">script>
16 <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js">script>
17 <script type="text/javascript">
18 $("#audio").on("change", function() {
19 let file = $("#audio")[0].files[0];
20 if(!file) {
21 $("#audio_name").text(' ');
22 $(".progressbar").attr('value', 0);
23 $("#handler_info").html('');
24 filemd5 = '';
25 } else {
26 $("#audio_name").text(file.name);
27 get_filemd5sum(file)
28 }
29 });
30
31 function get_filemd5sum(ofile) {
32 var file = ofile;
33 var tmp_md5;
34 var blobSlice = File.prototype.slice || File.prototype.mozSlice || File.prototype.webkitSlice,
35 // file = this.files[0],
36 chunkSize = 8097152, // Read in chunks of 2MB
37 chunks = Math.ceil(file.size / chunkSize),
38 currentChunk = 0,
39 spark = new SparkMD5.ArrayBuffer(),
40 fileReader = new FileReader();
41
42 fileReader.onload = function(e) {
43 // console.log('read chunk nr', currentChunk + 1, 'of', chunks);
44 spark.append(e.target.result); // Append array buffer
45 currentChunk++;
46 var md5_progress = Math.floor((currentChunk / chunks) * 100);
47 console.log(file.name + " , ," + " " + md5_progress + "%");
48 var handler_info = document.getElementById("handler_info");
49 var progressbar = document.getElementsByClassName("progressbar")[0];
50 handler_info.innerHTML = file.name + " , ," + " " + md5_progress + "%"
51 progressbar.value = md5_progress;
52 if(currentChunk < chunks) {
53 loadNext();
54 } else {
55 tmp_md5 = spark.end();
56 filemd5 = tmp_md5;
57 console.log(tmp_md5)
58 handler_info.innerHTML = file.name + " MD5 :" + tmp_md5;
59 }
60 };
61
62 fileReader.onerror = function() {
63 console.warn('oops, something went wrong.');
64 };
65
66 function loadNext() {
67 var start = currentChunk * chunkSize,
68 end = ((start + chunkSize) >= file.size) ? file.size : start + chunkSize;
69 fileReader.readAsArrayBuffer(blobSlice.call(file, start, end));
70 }
71 loadNext();
72 }
73 script>
74 html>
유일하게 주의해야 할 점은 그 spark-md5.js의 파일은 모두 다운로드해야 합니다.그리고 이 안의 물건은 모두 다 쓴 것이다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSONJSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.