Javascript 显示时,纵向图像将从预期角度旋转90度。自然高度和自然宽度与预期相反

Javascript 显示时,纵向图像将从预期角度旋转90度。自然高度和自然宽度与预期相反,javascript,css,image,react-redux,orientation,Javascript,Css,Image,React Redux,Orientation,我有一个React应用程序,可以显示一系列图像。最近,我开始注意到一些截取为肖像的图像在UI上显示为旋转90度。我已经删除了所有的css样式,试图弄清楚为什么会发生这种情况,但是删除所有样式并没有改变方向 这让我得出结论,决定方向的是浏览器(Chrome)。需要注意的一点是,浏览器显示旋转图像的自然高度和自然宽度值与预期值相反。例如,如果使用Gimp查看某个图像,exif ImageLength x ImageWidth显示为3088x2320,这对于纵向图像是正确的。但是,通过浏览器在应用程序

我有一个React应用程序,可以显示一系列图像。最近,我开始注意到一些截取为肖像的图像在UI上显示为旋转90度。我已经删除了所有的css样式,试图弄清楚为什么会发生这种情况,但是删除所有样式并没有改变方向

这让我得出结论,决定方向的是浏览器(Chrome)。需要注意的一点是,浏览器显示旋转图像的自然高度和自然宽度值与预期值相反。例如,如果使用Gimp查看某个图像,exif ImageLength x ImageWidth显示为3088x2320,这对于纵向图像是正确的。但是,通过浏览器在应用程序中查询同一图像时,报告的自然高度x自然宽度为2320x3088,反之亦然

因此,问题是: 1) 为什么会发生逆转?和 2) 对此有什么办法吗


谢谢

我用智能手机拍摄的照片也有类似的问题,在exif数据中,您可以读取方向,但浏览器会忽略此数据。我已决定使用插件读取方向和旋转图像。@GermanoPlebani感谢您的反馈。如果你不介意的话,你正在使用的插件的名称是什么?我们与.net平台一起工作,在我们的平台中,我们集成了这个插件,用于调整大小和其他类似旋转的功能。但我知道jquery中有一些东西可以做到这一点。