美文网首页
HTML5 拍照上传 capture="camera&

HTML5 拍照上传 capture="camera&

作者: 一沭丶 | 来源:发表于2016-10-27 16:32 被阅读3899次

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

主要标签:

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

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

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

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

相关文章

网友评论

      本文标题:HTML5 拍照上传 capture="camera&

      本文链接:https://www.haomeiwen.com/subject/ekhsuttx.html