Question

每当我上传图片并使用图片标签/背景图片属性显示时，图片会自动顺时针旋转到270度，但是当我在新窗口中打开图片时，图片会正确显示。

我尝试使用具有基本样式的简单图像选项卡显示图像，但是如果图像处于纵向模式，则会将其转换为横向图像

当我尝试使用codeignitor调整大小库（GD2）调整大小时，它的行为与HTML相同（将生成的图像顺时针旋转270度）。调整大小后，它们已永久转换为横向模式。用于在CodeIgniter中调整图像大小的代码是

        $this->load->library( 'image_lib' );
        $config[ 'image_library' ] = 'gd2';
        $config[ 'source_image' ] = $file;
        $config[ 'maintain_ratio' ] = TRUE;
        $config[ 'overwrite' ] = TRUE;
        $config[ 'master_dim' ] = 'auto';
        $config[ 'width' ] = $width;
        $config[ 'height' ] = $height;
        $config[ 'autoOrient' ] = FALSE;
        $config[ 'new_image' ] = $file;
        $this->image_lib->initialize( $config );
        if ( !$this->image_lib->resize() ) {
            return array( 'msg' => $this->image_lib->display_errors(), 'error' => 0 );
        }else{
            return array( 'msg' => 'success', 'error' => 1 );
        }

Answer 1

之所以会发生这种情况，是因为这些图像是使用嵌入了EXIF方向数据的移动设备捕获的（有关详细信息，请参阅this excellent post关于EXIF方向的信息）。

图像会自动顺时针旋转到270度，但是当我在新窗口中打开图像时，图像会正确显示。

实际上正在发生相反的情况：图像不是在旋转，而是在存储时完全显示。在新的浏览器窗口或其他图像处理程序中打开图像，图像会根据EXIF方向值自动旋转，以按预期显示。

GD正在“正确”显示图像，因为它没有以您指示的方式改变图像。

要以您认为正确的方式显示图像，您将需要使用以下代码（来自this answer），具体取决于exif extension是enabled in your php.ini：

$filepath = ''; // path to the image you want to manipulate.
$image = ''; // using imagecreatefrom...

// Rotate image correctly!
$exif = exif_read_data($filepath);
if (!empty($exif['Orientation'])) {
    switch ($exif['Orientation']) {
        case 1: // nothing
            break;
        case 2: // horizontal flip
            imageflip($image, IMG_FLIP_HORIZONTAL);
            break;
        case 3: // 180 rotate left
            $image = imagerotate($image, 180, 0);
            break;
        case 4: // vertical flip
            imageflip($image, IMG_FLIP_VERTICAL);
            break;
        case 5: // vertical flip + 90 rotate right
            imageflip($image, IMG_FLIP_VERTICAL);
            $image = imagerotate($image, -90, 0);
            break;
        case 6: // 90 rotate right
            $image = imagerotate($image, -90, 0);
            break;
        case 7: // horizontal flip + 90 rotate right
            imageflip($image, IMG_FLIP_HORIZONTAL);
            $image = imagerotate($image, -90, 0);
            break;
        case 8:    // 90 rotate left
            $image = imagerotate($image, 90, 0);
            break;
    }
}

肖像图像通过codeigniter调整大小库顺时针旋转到270度

1 个答案: