CODEIGNITER IMAGE AUTO ROTATE WHEN UPLOAD USING MOBILE

I have a project that can upload image. During I upload an image using desktop, the image if fine. But if I upload an image using my phone, the image will rotated automatically.

Solution

1) You need to add a new library.The library automatically rotates the provided image based on the embedded EXIF data. I use it in my projects to correctly display images uploaded from mobile devices

<?php if (!defined('BASEPATH')) exit('No direct script access allowed');

/**

* @file application/libraries/Image_autorotate.php

*/

class Image_autorotate

{

    function __construct($params = NULL) {

    

        if (!is_array($params) || empty($params)) return FALSE;

        

        $filepath = $params['filepath'];

        $exif = @exif_read_data($filepath);

        

        if (empty($exif['Orientation'])) return FALSE;

        

        $CI =& get_instance();

        $CI->load->library('image_lib');

        

        $config['image_library'] = 'gd2';

        $config['source_image'] = $filepath;

        

        $oris = array();

        

        switch($exif['Orientation'])

        {

        case 1: // no need to perform any changes

        break;

        case 2: // horizontal flip

        $oris[] = 'hor';

        break;

                                        

        case 3: // 180 rotate left

        $oris[] = '180';

        break;

                            

        case 4: // vertical flip

        $oris[] = 'ver';

        break;

                        

        case 5: // vertical flip + 90 rotate right

        $oris[] = 'ver';

        $oris[] = '270';

        break;

                        

        case 6: // 90 rotate right

        $oris[] = '270';

        break;

                        

        case 7: // horizontal flip + 90 rotate right

        $oris[] = 'hor';

        $oris[] = '270';

        break;

                        

        case 8: // 90 rotate left

        $oris[] = '90';

        break;

        

        default: break;

        }

        

        foreach ($oris as $ori) {

        $config['rotation_angle'] = $ori;

        $CI->image_lib->initialize($config);

        $CI->image_lib->rotate();

        }

    }

}

// END class Image_autorotate

/* End of file Image_autorotate.php */

/* Location: ./application/libraries/Image_autorotate.php */

Place this file inside library folder.

2)  call this library after you have upload an image.

$imageinfo = $this->upload->data();
$full_path = $imageinfo['full_path'];

// check EXIF and autorotate if needed
$this->load->library('image_autorotate', array('filepath' => $full_path));

Reference :-

• https://forum.codeigniter.com/thread-55034.html
  
• https://www.php.net/manual/en/function.exif-read-data.php#76964