< 입력 이드 = "파일" 타입 = "파일" 캡처 = "마이크" 수락 = "이미지 / *"를 >
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 }