html5上傳圖片IOS系統和Android系統下(xià)均顯示攝像頭拍照和圖片選擇

最近在做信開(kāi)發時，發現<input type="file" />在IOS中(zhōng)可以拍照或從照片圖庫選擇，而Android系統則顯示資(zī)源管理器，無拍照選項，網上查找資(zī)料，改爲<input type="file" capture="camera">後，Android可顯示相機和文檔，但IOS則隻有拍照選項了，最後通過判斷設備類型使在IOS和Android下(xià)均可以顯示拍照和圖庫選擇，代碼如下(xià)：

var u = navigator.userAgent, app = navigator.appVersion;
var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1; //android終端或者uc浏覽器
var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios終端
//alert('是否是Android：'+isAndroid);
//alert('是否是iOS：'+isiOS);
if(isAndroid){
$ ("input[name='file']").attr('capture','camera');
}

以上就是html5上傳圖片IOS系統和Android系統下(xià)均顯示攝像頭拍照和圖片選擇的詳細内容。