HTML5 拍照上传 capture="camera&

2016-10-27 本文已影响3899人一沭丶

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

主要标签：

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

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

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