H5-IOS 图片转90度 canvas 获取base64问题解决

故事背景:

在移动端需要上传图片,图片显示在页面上,然后压缩图片,将图片转为base64,传给接口,用于进行人脸识别。

上传图片以后发现,IOS上传的图片会逆时针旋转90度,导致生成的base64与原先图片有差异,这会影响人脸识别结果。

解决方法:

引入EXIF.js, 可自行查看官网https://www.npmjs.com/package/exif-js

方式一:通过cnd引入;

方式二:通过npm install exif-js 引入;

原理:

EXIF.js可判断图片来源,判断是否被旋转,根据

parseInt(EXIF.getTag(this, "Orientation"))的返回值来做对应的复原操作。
 

项目代码:https://github.com/abigting/tool/tree/master/onecall

猜你喜欢

转载自www.cnblogs.com/abigting/p/9668112.html