使用input
标签的capture
属性即可实现:
- 调手机拍照:
<input type="file" accept="image/*" capture="camera">
- 调手机摄像:
<input type="file" accept="video/*" capture="camcorder">
- 调手机录音:
<input type="file" accept="audio/*" capture="microphone">
- 调手机相册:
<input type="file" accept="image/*" multiple>
不同手机下的实现效果如下:
-
iPhone的微信 & Safari & UC效果都一样:
-
华为的自带浏览器:
无论点击哪个,都出现第二张图片效果;
<input type="file" accept="image/*