声明出处: 梦回河口:http://blog.csdn.net/zxc514257857/article/details/57626154
实现手机打开相机选择相册功能:
实现苹果手机打开相册及打开相机功能: <input class="js_upFile cover1" type="file" name="cover"/>
这段代码在android手机上只能选择相册,不能打开相机
实现android手机打开相册及打开相机功能:
<input class="js_upFile cover1" type="file" name="cover" accept="image/*" capture="camera" multiple/>
这段代码在ios手机上只能打开相机,不能选择相册
兼容实现
实现android手机打开相册及打开相机功能:
<input class="js_upFile cover1" type="file" name="cover" accept="image/*" capture="camera" multiple/>
对手机系统类型进行判断:
$(function () {
//获取浏览器的userAgent,并转化为小写
var ua = navigator.userAgent.toLowerCase();
//判断是否是苹果手机,是则是true
var isIos = (ua.indexOf('iphone') != -1) || (ua.indexOf('ipad') != -1);
if (isIos) {
$("input:file").removeAttr("capture");
};
})
网友评论