原生移动端input上传图片

这里写自定义目录标题

  • 原生上传图片
    • accept
    • capture
    • 浏览器兼容性
    • 后续

原生上传图片


accept

1.在文件上传中使用 accept 属性,本例中的输入字段可以接受 GIF 和 JPEG 两种图像:

如果不限制图像的格式,可以写为:accept=“image/*”。

capture

如果没有这个 capture 属性,则需要先借助 Media​Devices​.get​User​Media() 获取用户的相机权限,然后再通过 MediaRecorder API 进行录制,处理得到的文件。同样,对于拍照的情况也非常方便了,可以这么写:




浏览器兼容性

从 Can I Use - HTML Media Capture 的统计来看,支持得还不是很好。但尝试后发现 iOS 只能录制视频,即使指定 accept=“audio/*” 也是调起视频录制,而不是录音。

后续

未更新完,本章后续加上调用ocr方法,图片压缩,检查手机正确性,短信方法。
由于代码量太对,没有消化。缓慢更新本章。。。。。。。。。。。。。。

你可能感兴趣的:(笔记,ios,web,app,vue.js,html5)