作者:手机用户2502870105 | 来源:互联网 | 2020-08-11 12:00
最近在做信开发时,发现<inputtype"file">在IOS中可以拍照或从照片图库选择,而Android系统则显示资源管理器,无拍照选项,网上查找资料,改为<inputtype"file"capture"camera">后,Android可显示相机和文档,但IOS则只有拍照选项了,最后通过判断设备类型使在IOS和Android下均可以显示拍照和图库选择,
最近在做信开发时,发现
在IOS中可以拍照或从照片图库选择,而Android系统则显示资源管理器,无拍照选项,网上查找资料,改为
capture="
camera">后,Android可显示相机和文档,但IOS则只有拍照选项了,最后通过判断设备类型使在IOS和Android下均可以显示拍照和图库选择,代码如下:
var u = navigator.userAgent, app = navigator.appVersion;
var isAndroid = u.indexOf(&#39;Android&#39;) > -1 || u.indexOf(&#39;Linux&#39;) > -1; //android终端或者uc浏览器
var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
//alert(&#39;是否是Android:&#39;+isAndroid);
//alert(&#39;是否是iOS:&#39;+isiOS);
if(isAndroid){
$ ("input[name=&#39;file&#39;]").attr(&#39;capture&#39;,&#39;camera&#39;);
}
安卓效果
以上就是html5上传图片IOS系统和Android系统下均显示摄像头拍照和图片选择的详细内容,更多请关注 第一PHP社区 其它相关文章!