图片为什么莫名其妙的被翻转了？

Question

如下HTML代码，为什么图片内容是倒过来的？在新标签中打开这张图方向又是正常的。

请问这是什么原因呢？七牛云端进行什么处理了吗？

   <img src="http://ghost3k.qiniudn.com/img/draw/IMG_3333.png" width="300" />

Answer 1

这个图片建议你在本地的时候就放到img的html文件里面看看效果。这个是浏览器自己的行为。
另外可以通过链接 http://ghost3k.qiniudn.com/img/draw/IMG_3333.png?exif 查看你的图片的exif信息。

{"ColorSpace":{"val":"sRGB","type":3},
"ExifVersion":{"val":"Exif Version 2.1","type":7},
"FlashPixVersion":{"val":"FlashPix Version 1.0","type":7},
"Orientation":{"val":"Bottom-right","type":3},
"PixelXDimension":{"val":"1280","type":4},
"PixelYDimension":{"val":"720","type":4},
"ResolutionUnit":{"val":"Inch","type":3},
"XResolution":{"val":"72","type":5},
"YResolution":{"val":"72","type":5}}

其中"Orientation":{"val":"Bottom-right","type":3},参考文档：http://blog.csdn.net/happy08god/article/details/11528479

你可以知道在将图片嵌入html的时候，浏览器会根据Orientation得值来自动地调整图片的方向。

BTW：你拿手机或相机拍照的时候，应该是拿反了吧。