Bilder Orientierung beim Upload

anasakkawi · 23. Oktober 2018

Hallo,

Ich habe ein kleines Problem aber finde keine Lösung dafür. und zwar:

über diese Seite werden User registriert für die Veranstaltungen http://graphicated.com/index.p…dual-registration?Itemid=

jeder user kann/sollte sein bild vom Handy aufnehmen (Portrait) und hochladen, aber sobald die bilder hochgeladen sind, sind die dann im Landscape orientation . wie kann ich das vor oder nach dem Speichern nochmal als Portrait anzeigen/Speichern?

Code

public function upload_file()
{
    jimport('joomla.filesystem.folder');

    $config     = EventbookingHelper::getConfig();
    $json       = array();
    $pathUpload = JPATH_ROOT . '/media/com_eventbooking/files';

    if (!JFolder::exists($pathUpload))
    {
        JFolder::create($pathUpload);
    }

    $allowedExtensions = $config->attachment_file_types;

    if (!$allowedExtensions)
    {
        $allowedExtensions = 'doc|docx|ppt|pptx|pdf|zip|rar|bmp|gif|jpg|jepg|png|swf|zipx';
    }

    $allowedExtensions = explode('|', $allowedExtensions);
    $allowedExtensions = array_map('trim', $allowedExtensions);

    $file     = $this->input->files->get('file', array(), 'raw');
    $fileName = $file['name'];
    $fileExt  = JFile::getExt($fileName);

    if (in_array(strtolower($fileExt), $allowedExtensions))
    {
        $canUpload = true;

        if ($config->upload_max_file_size > 0)
        {
            $maxFileSizeInByte = $config->upload_max_file_size * 1024 * 1024;

            if ($file['size'] > $maxFileSizeInByte)
            {
                $json['error'] = JText::sprintf('EB_FILE_SIZE_TOO_LARGE', $config->upload_max_file_size . 'MB');
                $canUpload     = false;
            }
        }

        if ($canUpload)
        {
            $fileName = JFile::makeSafe($fileName);

            if (JFile::exists($pathUpload . '/' . $fileName))
            {
                $targetFileName = time() . '_' . $fileName;
            }
            else
            {
                $targetFileName = $fileName;
            }

            JFile::upload($file['tmp_name'], $pathUpload . '/' . $targetFileName, false, true);

            $json['success'] = JText::sprintf('EB_FILE_UPLOADED', $fileName);
            $json['file']    = $targetFileName;
        }
    }
    else
    {
        $json['error'] = JText::sprintf('EB_FILE_NOT_ALLOWED', $fileExt, implode(', ', $allowedExtensions));
    }

    echo json_encode($json);

    $this->app->close();
}

Alles anzeigen

Elfangor93 · 24. Oktober 2018

Hallo,

Das Stichwort dazu heisst ExifOrientation. Aufnahmen mit dem Smartphone oder neueren Kameras wird in die Exif-Metadaten eine Orientierung verpasst. Anhand dieser Informationen kann dann das Bild beim upload gedreht werden.

Ich würde hierfür ImageMagick verwenden. Die Funktionen rotateImage und flopImage eignen sich hierzu super. Ich habe für die JoomGallery schonmal sowas gemacht:

Code

   /**
   * Method to rotate the images (thumb,detail,original) based on exif data
   *
   * @param   img           the current processed image 
   * @return  image         the processed image (desinationIMG) on success the original one (img) on failure
   * @since   3.4
   *
   */
  protected function reflectImage($img)
  {
    $with = imagesx($img);
    $height = imagesy($img);
    $originOfX = $with-1;
    $originOfY = 0;
    $with_original = -$with;
    $height_original = $height;
    $desinationIMG = imagecreatetruecolor ($with, $height);
    if (imagecopyresampled ($desinationIMG, $img, 0, 0, $originOfX, $originOfY, $with, $height, $with_original, $height_original))
    {
      return $desinationIMG;
    }
    return $img;
  }


  /**
   * Method to rotate the images (thumb,detail,original) based on exif data
   *
   * @param   transMethod   will it be transformed by imagick (im) or GD (gd)
   * @param   exifData      exif header of the uploaded image
   * @param   imgType       image format type of the uploaded image
   * @param   imgOrient     imagik: orientation of image
   * @param   imgPaths      array of the three images (original, detail, thumbnail)
   * @return  boolean       True on success, false otherwise.
   * @since   3.4
   *
   */
  protected function adjustImageOrientation($transMethod, $exifData, $imgType, $imgOrient, $imgPaths)
  {
    if($exifData && isset($exifData['Orientation']))
    {
      $orientation = $exifData['Orientation'];
      if ($orientation != 1)
      {
        // rotate the images one by one
        foreach ($imgPaths as $key => $path) {
          // check, if imagemagick is available
          if ($transMethod == 'im' && extension_loaded('imagick')) {
            // use imagemagick to rotate the image
            JLog::add('rotate image with imagick', JLog::DEBUG, 'joomgallery');
            $imgToProcess = new imagick($path);
            $imgToProcess->setResourceLimit(imagick::RESOURCETYPE_MEMORY, 1);
            switch ($imgOrient) {
              case imagick::ORIENTATION_TOPLEFT:
                  break;
              case imagick::ORIENTATION_TOPRIGHT:
                  $imgToProcess->flopImage();
                  break;
              case imagick::ORIENTATION_BOTTOMRIGHT:
                  $imgToProcess->rotateImage("#000", 180);
                  break;
              case imagick::ORIENTATION_BOTTOMLEFT:
                  $imgToProcess->flopImage();
                  $imgToProcess->rotateImage("#000", 180);
                  break;
              case imagick::ORIENTATION_LEFTTOP:
                  $imgToProcess->flopImage();
                  $imgToProcess->rotateImage("#000", -90);
                  break;
              case imagick::ORIENTATION_RIGHTTOP:
                  $imgToProcess->rotateImage("#000", 90);
                  break;
              case imagick::ORIENTATION_RIGHTBOTTOM:
                  $imgToProcess->flopImage();
                  $imgToProcess->rotateImage("#000", 90);
                  break;
              case imagick::ORIENTATION_LEFTBOTTOM:
                  $imgToProcess->rotateImage("#000", -90);
                  break;
              default: // Invalid orientation
                  break;
            }
            $imgToProcess->setImageOrientation(imagick::ORIENTATION_TOPLEFT);
            $imgToProcess->writeImage();
          } else
            {
            // use GD 2 to rotate the image  !!needs lots of memory!!
            JLog::add('rotate image with GD', JLog::DEBUG, 'joomgallery');
            // select image type
            if ($imgType == IMAGETYPE_JPEG)
            {
              $imgToProcess = imagecreatefromjpeg($path); // jpg
            } elseif ($imgType == IMAGETYPE_PNG) {
              $imgToProcess = imagecreatefrompng($path); // png
            } elseif ($imgType == IMAGETYPE_GIF) {
              $imgToProcess = imagecreatefromgif($path); // gif
            } else {
              $imgToProcess = imagecreatefrombmp($path); // bmp
            }
            if ($imgToProcess == false) {
              return false;
            }
            // choose operations based on exif orientation
            $reflection = false;
            $angle = 0;
            switch ($orientation) {
              case 2:
                $reflection = true;
                break;
              case 3:
                $angle = 180;
                break;
              case 4:
                $angle = 180;
                $reflection = true; 
                break;
              case 5:
                $angle = 270;
                $reflection = true; 
                break;
              case 6:
                $angle = 270;
                break;
              case 7:
                $angle = 90;
                $reflection = true; 
                break;
              case 8:
                $angle = 90;
                break;
            }
            // Rotate the image with the given angle
            if ($angle) $imgToProcess = imagerotate($imgToProcess, $angle, 0);
              if ($imgToProcess == false){
                return false;
              }
            // Reflect the image if necessary
            if ($reflection) $imgToProcess = $this->reflectImage($imgToProcess);
            // write the rotated image
            if ($imgType == IMAGETYPE_JPEG){
              if (imagejpeg($imgToProcess, $path) == false){  // jpg
                return false;
              }
            } elseif ($imgType == IMAGETYPE_PNG) {
              if (imagepng($imgToProcess, $path) ==false){    // png
                return false;
              }
            } elseif ($imgType == IMAGETYPE_GIF) {
              if (imagegif($imgToProcess, $path) == false){   // gif
                return false;
              }
            } else {
              if (imagebmp($imgToProcess, $path) == false){   // bmp
                return false;
              }
            }
          }
        }
      }
    }
    return true;
  }

Alles anzeigen

Mit diesem Script wird geprüft, ob ImageMagick auf dem Server verfügbar ist. Wenn ja, wird die Drehung mit ImageMagick gemacht, ansonsten mit GD.

Vielleicht hilft dir das...

Tags