이미지 전송 및 압축 base64로의 크기

< 입력 이드 = "파일" 타입 = "파일"   캡처 = "마이크" 수락 = "이미지 / *"를 > 
1 . $ ( "# 파일") 변경 ( 함수 () {
 2  VAR의 m_this = ,
 3        cutImageBase64 (m_this,  , 400,0.8 )]  
 4  })
 (5)  함수 cutImageBase64 (m_this, ID가 떨어 졌 품질) {
 6   
7      VAR의 파일 m_this.files = [0 ];
8      VAR URL = window.URL || window.webkitURL;
9      VAR의 블롭 = URL.createObjectURL (파일);
10      var에 base64로;
(11)  var에 IMG는 = 이미지 ();
(12)     img.src = 블롭;
13      img.onload = 함수 () {
 14          VAR = ;
15          // 生成比例
16          VAR w = that.width,
 17              H = that.height,
 18              배율 = W / H;
19              = w WID || w;
20              시간이 W / = 스케일링하게하고;
21  // 生成캔버스 
22          VAR의 캔버스 = document.createElement ( "캔버스 ' );
(23)          var에 CTX = canvas.getContext ( '2D' );
24          $ (캔버스) .attr ({
 25              폭 : w
 (26)              높이 (H)
 (27)          });
28          ctx.drawImage (즉 0, 0 , w, 1H);
29          // 生成베이스 64             
30          64 기수 = canvas.toDataURL ( "이미지 / JPEG '|| 품질 0.8 );
31  CONSOLE.LOG (베이스 64)
 (32)      };
33 }

추천

출처www.cnblogs.com/chenpeikun/p/12149269.html