h5调用手机照相机
2023-09-11 14:15:30 时间
camera.html
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>camera相机调用</title> </head> <body> <input accept="image/*" type="file" capture="camera" name="file" accept=".gif,.jpg,.jpeg,.png"> <input type="file" accept="image/*;capture=camera"> </body> </html>
说明:
<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表示,直接打开系统文件目录。
其实html5的input:file标签还支持一个multiple属性,表示可以支持多选,如:
<input type="file" accept="image/*" multiple>
加上这个multiple后,capture就没啥用了,因为multiple是专门用来支持多选的。
相关文章
- 利用h5,chart.js监测手机三轴加速度,用以研究计步算法等
- H5: 表单验证失败的提示语
- Uniapp: H5 压缩图片
- []H5、React Native、Native应用对比分析
- EasyNVR摄像机网页无插件直播方案H5前端构建之:如何播放HLS(m3u8)直播流
- 一种微信直播H5直播与存储回放的HLS摄像机方案
- 一种流量成本节省60%以上的手机直播微信直播H5直播幼儿园直播方案
- EasyNVR H5无插件摄像机直播解决方案前端解析之:监控实时直播的四分屏的前端展示
- EasyNVR H5无插件摄像机直播解决方案前端解析之:关于直播页面和视频列表页面切换的问题
- 将海康大华等网络摄像机RTSP流进行网页Flash rtmp和H5 hls直播的技术方案
- 手机端H5加载中效果demo(整理)
- Taro React组件开发(2) —— RuiEditor 富文本编辑器【兼容H5和微信小程序】