苹果html上传后图片旋转问题

Posted 不起名字了

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了苹果html上传后图片旋转问题相关的知识,希望对你有一定的参考价值。

最近做移动web项目但是遇到在苹果设备上html上传图片后,图片传到后台是旋转的 旋转角度不一,因此再次

读取照片时,无法正常显示,目前已经找到解决方法,至于原因看不太懂 翻译过来也是完全按照单词翻译词语不同。

但是把方法共享出来。貌似原因是苹果偷了一个懒没有对拍摄后的照片进行处理,而安卓则处理了。

旋转原因受到苹果设备拍摄角度影响,下面是解决方法。php上环境 其他的语言做相应调整即可。原理相同

 

http://php.net/manual/en/function.exif-read-data.php

<?php
$image imagecreatefromstring(file_get_contents($_FILES[‘image_upload‘][‘tmp_name‘]));
$exif exif_read_data($_FILES[‘image_upload‘][‘tmp_name‘]);
if(!empty($exif[‘Orientation‘])) {
    switch($exif[‘Orientation‘]) {
        case 8:
            $image imagerotate($image,90,0);
            break;
        case 3:
            $image imagerotate($image,180,0);
            break;
        case 6:
            $image imagerotate($image,-90,0);
            break;
    }
}
// $image now contains a resource with the image oriented correctly
?>


















以上是关于苹果html上传后图片旋转问题的主要内容,如果未能解决你的问题,请参考以下文章

Exif.js获取图片的详细信息(苹果手机移动端上传图片旋转90度)

html + js 实现图片上传,压缩,预览及图片压缩后得到Blob对象继续上传问题

学海拾贝苹果手机拍照照片旋转问题及解决方案

ios 图片旋转问题

html5 IOS端上传图片角度旋转

html5 IOS端上传图片角度旋转