H5上传照片调用相册拍照(解决android和ios系统的兼容问题)

1、实现android系统打开相机功能(android系统可以选择相册,但ios系统只能打开相机不能选择相册)(id是随php变量变化的,项目需要,与调用相机无关请忽略)

 name="cover" accept="image/*" capture="camera" />

2、实现ios系统打开相机功能(ios系统可以选择相册,但android系统不能打开相机只能选择相册)


3、如何兼容实现?


通过js对手机类型进行判断

$(function () {
    //获取浏览器的userAgent,并转化为小写
    var ua = navigator.userAgent.toLowerCase();
    //判断是否是苹果手机,是则是true
    var isIos = (ua.indexOf('iphone') != -1) || (ua.indexOf('ipad') != -1);
    if (isIos) {
        $("input:file").removeAttr("capture");
    };
})

源码请移步——帅哥美女点这里

判断是否是微信内置浏览器打开

你可能感兴趣的:(HTML5)