H5页面支持拍照选择图片

Html5原生的就能够支持拍照选择图片，不需要JS调用。

下面的是单一调用的，只支持一种方式：

<!-- 调用照相机，拍照 -->
<input type="file" accept="image/*" capture="camera">
<!-- 调用摄像机，视频 -->
<input type="file" accept="video/*" capture="camcorder">
<!-- 调用录音机，录音 -->
<input type="file" accept="audio/*" capture="microphone">

capture表示，可以捕获到系统默认的设备，比如：camera–照相机；camcorder–摄像机；microphone–录音。
accept表示，直接打开系统文件目录。

如果想要多种方式，直接使用下面这种：

<input type="file" accept="image/*" multiple>

这种能够支持选择图库或者拍照。

iOS的测试通过，浏览器、App和微信都能使用。
Android可能因为系统原因，不一定都能够兼容。

参考文章：http://www.qdfuns.com/notes/26716/2d4fea81a990f8532ce7fa43af286add.html

H5页面支持拍照选择图片相关推荐

Android端h5不能选择图片,weui公众号开发h5部分手机不能选择图片及拍照问题
在使用weui采用h5进行公众号开发时,input file选择图片控件,在部分安卓手机不能拍照.不能选择图片. 经过创软公众号开发团队分析,将input代码设置如下方式即可选择图片或者拍摄图片,成功 ...
android完美实现拍照选择图片剪裁等代码分享
2个安卓实现实现拍照选择图片剪裁等的代码,都是从正式项目中提取出来了,非常实用,有需要的小伙伴可以参考下. 前言,版本兼容问题主要是由于4.4以前和4.4以后的Uri的格式不同所造成的错误 1. ...
h5页面使用js实现图片上传（安卓用户也可拍摄、相册二选一）
思路如下: 使用原生input标签实现图片上传时,如果你的写法是如下所示: <input type="file" id="upload_file" @ch ...
H5页面--Android滑动屏幕图片误触
处理移动端上点击有300ms延迟的方法,我们通常会用fastclick.js来解决,但是调用fastclick.js可能会导致另一个问题,就是在安卓端的时候,H5页面未加载完时,滑动页面如果误触图片, ...
PHP 使用微信JSSDK 拍照选择图片接口利用localid预览时安卓手机正常显示 iOS手机不显示
最近使用微信JSSDK文档的拍照和相册选择图片接口,通过给img标签设置获取到的localid实现图片预览,安卓手机中可以正常显示,而iOS手机中图片无法正常显示. 图像接口拍照或从手机相册中选图接 ...
微信内嵌h5页面调用拍照和相册功能？
有一个问题: 在微信内嵌h5页面中通过input调用摄像头,ios既可以调用摄像头也可以选择相册,但android只能选择相册,按照网上的兼容性(就是根据capture属性的有无)做了处理后,依然不行 ...
Vue H5页面实现拍照解析二维码功能
因为需要做移动端实现扫码功能(app和h5都可用),H5不能调用手机扫码功能.所以采用先拍照获取二维码文件流再解析二维码数据. 需要以下3个js文件支持,网上可以下载到:(引用顺序如下) 上面js我做 ...
【长按图片保存到相册】Vue移动端H5页面实现长按图片保存到手机功能
移动端.H5长按保存到相册.web端长按自行选择保存位置先上效果图 2.源码 <template><div class="save-file"><d ...
移动端H5页面使用 webp 格式图片
1.为什么用 webp 格式图片 []webp格式是新起的一种图片格式,由谷歌推出.这种格式的图片支持有损压缩和无损压缩两种压缩模式.它的特点是体积小 []体积小意味着加载时间更短.客户可以不用过长等 ...

H5页面支持拍照选择图片

参考文章：http://www.qdfuns.com/notes/26716/2d4fea81a990f8532ce7fa43af286add.html

H5页面支持拍照选择图片相关推荐

最新文章

热门文章