在項目中,移動端用到了webupload插件來實現上傳功能(我覺得這個插件挺好用的,所以無論pc還是移動端我都使用了這個插件來做上傳功能)
在移動端要調起拍照功能,實現上傳,須得在webuploader.js中加上這句代碼(大概在4882行左右):
input.attr( 'capture', 'camera' );
加上這個屬性,你就可以調起拍照的功能了,
但是這里有個小問題:
在iphone上和android的手機瀏覽器中,加了這個屬性之后就只能使用拍照上傳了,無法通過相冊選擇照片上傳
因此需要在此做個兼容處理,在android的微信瀏覽器中加上這個屬性,代碼如下:
var ua = navigator.userAgent.toLowerCase();//獲取瀏覽器的userAgent,並轉化為小寫——注:userAgent是用戶可以修改的 var isIos = (ua.indexOf('iphone') != -1) || (ua.indexOf('ipad') != -1);//判斷是否是蘋果手機,是則是true var iswx = (ua.indexOf('micromessenger') != -1 );//判斷是否是微信瀏覽器,是則是true if (!isIos && iswx) { input.attr( 'capture', 'camera' ); };
這樣就可以實現拍照和相冊的上傳功能了,無論在微信瀏覽器,還是其他瀏覽器,iphone還是android都可用呢!