script.js 1.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  1. (function($) {
  2. $(function() {
  3. var log = (function() {
  4. var dom = $('#log');
  5. return function( str ) {
  6. dom.append('<p>' + str + '</p>')
  7. }
  8. })();
  9. WebUploader.create({
  10. pick: '#filePicker'
  11. }).on('fileQueued', function( file ) {
  12. var start = +new Date();
  13. // 返回的是 promise 对象
  14. this.md5File(file, 0, 1 * 1024 * 1024)
  15. // 可以用来监听进度
  16. .progress(function(percentage) {
  17. // console.log('Percentage:', percentage);
  18. })
  19. // 处理完成后触发
  20. .then(function(ret) {
  21. // console.log('md5:', ret);
  22. var end = +new Date();
  23. log('HTML5: md5 ' + file.name + ' cost ' + (end - start) + 'ms get value: ' + ret);
  24. });
  25. });
  26. WebUploader.create({
  27. pick: '#filePicker2',
  28. swf: '../Uploader.swf',
  29. runtimeOrder: 'flash'
  30. }).on('fileQueued', function( file ) {
  31. var start = +new Date();
  32. // 返回的是 promise 对象
  33. this.md5File(file, 0, 1 * 1024 * 1024)
  34. // 可以用来监听进度
  35. .progress(function(percentage) {
  36. // console.log('Percentage:', percentage);
  37. })
  38. // 处理完成后触发
  39. .then(function(ret) {
  40. // console.log('md5:', ret);
  41. var end = +new Date();
  42. log('Flash: md5 ' + file.name + ' cost ' + (end - start) + 'ms get value: ' + ret);
  43. });
  44. });
  45. });
  46. })(jQuery);