本文摘自PHP中文网，作者巴扎黑，侵删。
最近在做信开发时，发现<input type="file" />在IOS中可以拍照或从照片图库选择，而Android系统则显示资源管理器，无拍照选项，网上查找资料，改为<input type="file" capture="camera">后，Android可显示相机和文档，但IOS则只有拍照选项了，最后通过判断设备类型使在IOS和Android下均可以显示拍照和图库选择，代码如下：1 2 3 4 5 6 7 8 | var u = navigator.userAgent, app = navigator.appVersion;
var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1;
var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);
if(isAndroid){
$ ("input[name='file']").attr('capture','camera');
}
|
安卓效果
IOS效果
以上就是html5上传图片IOS系统和Android系统下均显示摄像头拍照和图片选择的详细内容，更多文章请关注木庄网络博客！
相关阅读 >>
html5布局之路怎么样
h5的语义化标签
详细介绍html5的article和section的区别
html5的应用-图像裁剪效果图
html5-web storage apis的简述
详细介绍html5技术在风电、光伏等新能源领域的应用（图）
html5 manifest离线缓存的示例代码
html中序列化标签的简单介绍（代码实例）
h5中main元素的实例详解
h5的28个新特性的详细介绍
更多相关阅读请进入《Android》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
转载请注明出处：木庄网络博客 » html5上传图片IOS系统和Android系统下均显示摄像头拍照和图片选择
