上傳插件webupload之調用拍照兼容問題


在項目中,移動端用到了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都可用呢!


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM