Advertisement
Guest User

Untitled

a guest
Mar 28th, 2017
78
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.49 KB | None | 0 0
  1. uploader.onAfterAddingFile = function (fileItem) {
  2. fileItem.file.remove = "Close";
  3. fileItem.file.caption = "Close";
  4. // start code of image compression
  5. var base64Image = null;
  6. var quality = 100;
  7. var reader = new FileReader();
  8. reader.onload = onLoadFile;
  9. reader.readAsDataURL(fileItem._file);
  10. var fileSize = ((fileItem.file.size / 1024) / 1024).toFixed(2);
  11. if(fileSize <= 1){
  12. quality = 100;
  13. }else if(fileSize >1 && fileSize<=2){
  14. quality = 80;
  15. }else if(fileSize >2 && fileSize<=3){
  16. quality = 70;
  17. }else if(fileSize >3 && fileSize<=4){
  18. quality = 50;
  19. }else if(fileSize >4 && fileSize<=5){
  20. quality = 40;
  21. }else if(fileSize >5 && fileSize<=6){
  22. quality = 30;
  23. }else if(fileSize >6 && fileSize<=7){
  24. quality = 25;
  25. }else if(fileSize >7 && fileSize<=8){
  26. quality = 20;
  27. }else if(fileSize >8 && fileSize<=9){
  28. quality = 10;
  29. }else if(fileSize >9 && fileSize<=10){
  30. quality = 5;
  31. }
  32. console.log(quality);
  33. var type = "image/jpeg";
  34. function onLoadFile(event) {
  35. var base64 = event.target.result.substring(event.target.result.indexOf(',') + 1, event.target.result.length);
  36. type = "image/jpeg";
  37. if (fileItem.file == "image/png") {
  38. type = "image/png";
  39. } else if (fileItem.file == "image/jpeg") {
  40. type = "image/jpeg";
  41. } else if (fileItem.file == "image/jpg") {
  42. type = "image/jpg";
  43. } else if (fileItem.file == "image/JPEG") {
  44. type = "image/JPEG";
  45. } else if (fileItem.file == "image/JPG") {
  46. type = "image/JPG";
  47. }
  48. var url = 'data:' + type + ';base64,' + base64;
  49.  
  50. var img = new Image();
  51. img.onload = onLoadImage;
  52. img.src = event.target.result;
  53. }
  54. var canvas = document.createElement('canvas');
  55. function onLoadImage() {
  56.  
  57. canvas.width = this.width;
  58. canvas.height = this.height;
  59. canvas.getContext('2d').drawImage(this, 0, 0, canvas.width, canvas.height);
  60. var newImageData = canvas.toDataURL(type, quality / 100);
  61. fileItem.file.base64Image = newImageData;
  62. }
  63. console.info('onAfterAddingFile', fileItem.file);
  64. // end code of image compression
  65. };
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement