22< output id ="output "> </ output >
33< style >
44output ::before {
5- content : "output:" ;
5+ content : "output:" ;
66}
77output {
8- display : block;
9- padding : 1em ;
10- margin : 1em ;
11- outline : 1px solid gray;
12- white-space : pre-wrap;
8+ display : block;
9+ padding : 1em ;
10+ margin : 1em ;
11+ outline : 1px solid gray;
12+ white-space : pre-wrap;
1313}
1414</ style >
1515< script src ="../dist/md5.min.js "> </ script >
1616< script >
1717
1818
19- var readAsArrayBuffer = file =>
20- new Promise ( resolve => {
21- var reader = new FileReader ( ) ;
22- reader . readAsArrayBuffer ( file )
23- reader . onload = e => {
24- resolve ( e . target . result )
25- }
26- } ) ;
19+ function readAsArrayBuffer ( file ) {
20+ return new Promise ( function ( resolve ) {
21+ var reader = new FileReader ( ) ;
22+ reader . readAsArrayBuffer ( file )
23+ reader . onload = function ( e ) {
24+ resolve ( e . target . result )
25+ } ;
26+ } ) ;
27+ }
2728
28- input . onchange = e => {
29- var file = input . files [ 0 ] ;
30- readAsArrayBuffer ( file )
31- . then ( buffer => {
32- console . log ( buffer ) ;
33- var now = performance . now ( ) ;
34- var hash = MD5 ( buffer ) ;
35- var after = performance . now ( ) - now ;
36- output . innerHTML = `
37- file: ${ file . name }
38- size: ${ file . size } bytes
39- type: ${ file . type }
40- md5: ${ hash }
41- duration: ${ after . toFixed ( 2 ) } ms
42- `;
43- } )
29+ input . onchange = function ( e ) {
30+ var file = input . files [ 0 ] ;
31+ readAsArrayBuffer ( file )
32+ . then ( buffer => {
33+ console . log ( buffer ) ;
34+ var now = performance . now ( ) ;
35+ var hash = MD5 ( buffer ) ;
36+ var after = performance . now ( ) - now ;
37+ output . innerHTML = `
38+ file: ${ file . name }
39+ size: ${ file . size } bytes
40+ type: ${ file . type }
41+ md5: ${ hash }
42+ duration: ${ after . toFixed ( 2 ) } ms
43+ `;
44+ } )
4445}
4546
4647
47- </ script >
48+ </ script >
0 commit comments