JS中调用android和ios系统手机打开相机并可选择相册功能

最新推荐文章于 2022-11-18 10:00:28 发布

weixin_30340353

最新推荐文章于 2022-11-18 10:00:28 发布

阅读量1.1k

点赞数

CC 4.0 BY-SA版权

文章标签：移动开发前端 javascript ViewUI

原文链接：http://www.cnblogs.com/liaoyanglong/p/7833446.html

本文介绍了一种方法来实现在iOS和Android设备上同时支持打开相机拍摄照片和从相册中选择图片的功能。通过判断用户代理来动态调整输入元素属性，解决了不同平台之间的兼容性问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

编写不易，如有转载，请声明出处: 梦回河口：http://blog.youkuaiyun.com/zxc514257857/article/details/57626154

实现android手机打开相机选择相册功能：

<input class="js_upFile cover1" type="file" name="cover" accept="image/*" capture="camera" multiple/>

　　这段代码在ios手机上只能打开相机，不能选择相册

实现苹果手机打开相册及打开相机功能：

<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/>

　　对手机系统类型进行判断：

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

转载于:https://www.cnblogs.com/liaoyanglong/p/7833446.html