我是靠谱客的博主 花痴月饼,最近开发中收集的这篇文章主要介绍手机网页调用相机拍照或者图库,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

<!DOCTYPE html>  
<html lang="en">  
<head>  
    <meta charset="UTF-8">  
    <title>HTML5页面如何在手机端浏览器调用相机、相册功能</title>  
</head>  
<body>  
  
<div>  
    <input type="file" accept="image/*" capture="camera">  
    <input type="file" accept="video/*" capture="camcorder">  
    <input type="file" accept="audio/*" capture="microphone">  
</div>  
  
</body>  
</html>  

accept表示打开的系统文件目录;
capture表示的是系统所捕获的默认设备,camera:照相机;camcorder:摄像机;microphone:照相+摄像。

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

其中还有一个属性multiple,支持多选,当支持多选时,就需要可以选择图库功能,则不需要加capture,

所以只用写成:<input type="file" accept="image/*" multiple>就可以,可以在手机上测试一下。

参考链接:http://blog.csdn.net/zhihua_w/article/details/78125622

最后

以上就是花痴月饼为你收集整理的手机网页调用相机拍照或者图库的全部内容,希望文章能够帮你解决手机网页调用相机拍照或者图库所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(32)

评论列表共有 0 条评论

立即
投稿
返回
顶部