HTML5 拍照上传 capture="camera"

今天刚好听到有同事说移动端要做拍照上传的功能,想起来以前做的时候,遇到的最大的问题是ios图片拍摄方向问题,其实只要上传完后后台计算exif的信息,找到里面的角度,方位的信息然后传给前端,让前端来旋转对应的角度或者后端矫正后把图片链接发给前端。

主要标签:

<input type="file" accept="image/*" capture="camera" >

html5的属性就能实现打开摄像头,但是浏览器和系统版本不同会导致有的打开的是本地的相册。

选择后用canvas压缩一下还是很有必要的,然后传base64的数据给后台。

参考链接,讲的很详细了,基本思路都有了

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容