图片在浏览器中被自动旋转的问题

Question

在博问的这个提问（VS2010安装问题）中发现的，其中的图片在博问页面中显示时被自动旋转了，而直接访问图片的地址是正常的。

在 stackoverflow 上有人遇到了同样的问题 Is there a way to tell browsers to honor the jpeg exif orientation?

 image-orientation: from-image; 可以解决这个问题，但 Chrome 与 Safari 以及 IE 都不支持这个样式代码，只有Firefox支持。

请问如何简单有效的解决这个问题？

Answer 1

手机拍照上传原图，会在EXIF中保留图片旋转角度orientation，img标签展示图片就是旋转的。浏览器单独打开图片会帮你处理旋转，所以看到的是打开图片是正常的。要处理这个问题，要么上传图片时候前端或者后台处理校正偏转。要么展示图片时候使用js FileReader 读取文件EXIF信息，并且偏转重绘图片。