移动端用input:file调用手机相册、摄像头、和sd卡的相册文档

最新推荐文章于 2024-05-22 13:44:15 发布

kongjiea

最新推荐文章于 2024-05-22 13:44:15 发布

阅读量4.3w

点赞数 3

分类专栏： html5

本文链接：https://blog.csdn.net/kongjiea/article/details/49336813

版权

html5 专栏收录该内容

31 篇文章 1 订阅

订阅专栏

1、安卓：加上capture 可以同时调用相册和相机，没有加上capture则只能调用相册

2、IOS中：加上capture，只能调相机，没有capture 可以同时调用相册和相机

二者在capture="camera" 上是相反的

var file = document.querySelector('input');
        if (getIos()) {
            file.removeAttribute("capture");
        }
        function getIos() {
            if (!!navigator.userAgent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/)) {
                return true;
            } else {
                return false;
            }
        }

注意：安卓在accept="image/*" 如果写成 accept="image/jpeg,....." 指定了具体类型，调用的时候会有小问题：比如默认打开的是最近使用文档文件夹但是最近的显示为空

汇总链接：http://blog.csdn.net/kongjiea/article/details/44854161