HTML5實現(xiàn)微信拍攝上傳照片功能

第HTML5實現(xiàn)微信拍攝上傳照片功能varctx=$canvas[0].getContext('2d');

$canvas.attr({width:width,height:height});

ctx.drawImage($img,0,0,width,height);

varbase64=$canvas[0].toDataURL('image/jpeg',0.5);

//發(fā)送到服務(wù)端

$.post('upload.php',{formFile:base64.substr(22)},function(data){

$('#php').html(data);

$img.src=url;

后端代碼

$base64=$_POST['formFile'];

$IMG=base64_decode($base64);

file_put_contents('1.png',$IMG);

實測：

電腦端

chrome版本29，上傳成功，源圖片3M，壓縮后1024*比例，約250kb通過！

移動端

android版本4+，微信，點擊上傳無反應(yīng)，在手機瀏覽器中打開可上傳，拍攝約3M-，壓縮后1024*比例，約3M-，根本沒壓縮嘛！??！失敗！

iphone44s版本6+微信，拍攝約3M-，壓縮后1024*比例，約250kb通過！

iphone5版本6+微信，生成canvas變形。失?。?/p>

總結(jié)：系統(tǒng)級BUG，無解....這下不知道怎么辦了..

---------------------------------------后續(xù)報告2013年09月12日----------------------------------------------

找到個牛人寫的javascript編譯jpg的插件，javascript_jpeg_encoder。

用這個辦法可以解決android無法壓縮圖片的問題。

目前還剩2個系統(tǒng)級BUG。

1.微信android版本無法響應(yīng)上傳控件inputtyle=file;

2.iphone5生成canvas失敗，畫面扭曲。

---------------------------------------后續(xù)報告22013年10月10日---------------------------------------------

同樣有一位牛人寫的ios-imagefile-megapixel插件，解決了iphone5+畫面扭曲的問題。

目前還剩1個系統(tǒng)級BUG。

微信android版本無法響應(yīng)上傳控件inputtyle=file;

---------------------------------------后續(xù)報告32014年5月16日---------------------------------------------

目前所有問題都解決了，在github上建