原生上传图片
<input type="file" accept="image/*" capture="camera" class="file" id="preImage1" @change="previewImage($event,'1')">
accept
1.在文件上传中使用 accept 属性,本例中的输入字段可以接受 GIF 和 JPEG 两种图像:
如果不限制图像的格式,可以写为:accept=“image/*”。
capture
如果没有这个 capture 属性,则需要先借助 MediaDevices.getUserMedia() 获取用户的相机权限,然后再通过 MediaRecorder API 进行录制,处理得到的文件。同样,对于拍照的情况也非常方便了,可以这么写:
<input type="file" accept="image/*" capture="camera" />
<!-- or -->
<input type="file" accept="image/*;capture=camera"/>
浏览器兼容性
从 Can I Use - HTML Media Capture 的统计来看,支持得还不是很好。但尝试后发现 iOS 只能录制视频,即使指定 accept=“audio/*” 也是调起视频录制,而不是录音。
后续
未更新完,本章后续加上调用ocr方法,图片压缩,检查手机正确性,短信方法。
由于代码量太对,没有消化。缓慢更新本章。。。。。。。。。。。。。。