我有一个上传表单,它可以很好地上传图像。我无法看到正确旋转的图像。下面是我写了一个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');