HTML5访问调用手机相机、相册功能

直接放代码(以下代码为亲测得出的结果):

    <input type="file" accept="image/*" capture="camera">安卓和IOS都为:拍照

    <input type="file" accept="video/*" capture="camcorder">安卓和IOS都为:录像

    <input type="file" accept="audio/*" capture="microphone">安卓为录音(ios视频或照片)

    <input type="file" accept="image/*">安卓为相机或照片(ios为拍照或图库2)

     <input type="file" accept="video/*">安卓为录像或视频录--(ios为录像或照片图库【照片图库已做筛选,全是视频】)

    <input type="file" accept="audio/*">安卓为录音机音乐之类的(ios为拍照或录像【包含视频和照片】)

accept 表示打开的系统文件目录;

capture( 表示的是系统所捕获的默认设备 )

         --camera:照相机;

        --camcorder:摄像机;

        --microphone:录音。

        如果不加上capture,则只会显示相应的,例如上述三种依次是:拍照或图库,录像或图库,录像或拍照或图库,加上capture之后不会调用图库。

多选( multiple )

当支持多选时,multiple优先级高于capture,所以只用写成:

<input type="file" accept="image/*" multiple>就可以。

总结:

IOS系统是不能访问录音,安卓全都可以正常访问。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,259评论 4 61
  • 看到一组漫画,标题是:有远见的父母,都带点绝情。漫画的内容是对于同一件事情不同父母对待孩子的不同态度和做法。 漫画...
    可比克克阅读 340评论 7 8
  • 16日在金鹰看上一件皮草,穿上正合身,但是价格略高,而且在其它店里也有同款不同质的,花这么高的价格买流行款的衣服,...
    闲情逸致1314阅读 317评论 0 1
  • 好友说目前正在从事的工作,钱少活多离家远,需要从事的内容,单调乏味受委屈,她想要跳槽,可又不知道该从事什么职位。对...
    苍羽纱阅读 332评论 2 2
  • 吸烟很酷吗? 一点儿都不酷。 吸烟很牛B吗? 一点儿都不牛B。 吸烟很二吗? 确实很二。 为什么呢? 明知吸烟有害...
    Albert_Bruce阅读 104评论 0 1