如何在不横向使用css、jquery或javascript的情况下获得正确的图像

How to get correct image without sideways using css or jquery or javascript

本文关键字：情况下 javascript 图像 jquery 横向 css      更新时间：2023-09-26

我有一个上传表单，它可以很好地上传图像。我无法看到正确旋转的图像。下面是我写了一个css来向您展示正确旋转的例子：

 <style>
    .as {
       transform: rotate(90deg);
      -ms-transform: rotate(90deg); /* IE 9 */
      -moz-transform: rotate(90deg); /* Firefox */
      -webkit-transform: rotate(90deg); /* Safari and Chrome */
      -o-transform: rotate(90deg); /* Opera */
    }
  </style>

<!-- orignal image -->
<img src="http://www.thediscerningbrute.com/wp-content/uploads/2010/06/Men__3_flat.jpg">
    <!-- orignal image -->
    <!-- i am getting image like this -->    
<img src="http://www.thediscerningbrute.com/wp-content/uploads/2010/06/Men__3_flat.jpg" class="as">
    <!-- i am getting image like this -->

可能是由于EXIF一些图像文件中包含EXIF信息，如旋转、日期时间、位置等保存EXIF时，您的PHP代码可能会丢弃它。

使用此库库

如果包含Load Image Exif Parser扩展，则parseMetaData回调数据包含附加属性Exif（如果在给定图像中可以找到Exif数据）。exif对象存储解析的exif标记：

var orientation = data.exif[0x0112];

它还提供了一个exif.get（）方法，通过标记的映射名称检索标记值：

var orientation = data.exif.get('Orientation');
相关文章：