Как сохранить одинаковую ориентацию изображения для сохраняемого изображения на сервере с использованием jQuery или PHP, в зависимости от того, что подходит?

я использую PHP 5.5.18, jQuery, AJAX, HTML5, платформа Bootstrap (v.3.3.0) для моего сайта.

Мой сайт в основном предназначен для пользователей смартфонов и смартфонов. Так что он должен нормально работать на мобильных браузерах, а также на ПК / ноутбуках.

В одной из моих форм я предоставляю пользователю возможность либо захватить изображение с камеры устройства, либо выбрать существующее изображение в галерее изображений устройства. После этого то же изображение должно быть загружено на сервер.

Теперь все работает абсолютно нормально и идеально. Единственная сохраняющаяся проблема — это изменение ориентации изображения.

Позвольте мне сосредоточиться на проблеме, с которой я сталкиваюсь. Если пользователь делает снимок с помощью камеры устройства в «Альбомной ориентации», ориентация того же изображения изменяется на «Портрет», если я смотрю на изображение, сохраненное на сервере. То же самое происходит, если пользователь делает снимок в «Портретной ориентации», на изображении сервера он меняется на «Пейзаж».

Я много гуглил для этого решения, тогда я узнал о «Расширение Imagick PHP». Но так как это расширение не активировано по умолчанию, я не могу включить его на сервере так как у меня нет привилегии делать это. Поэтому я прошу другое решение, использующее jQuery или PHP, в зависимости от того, что выгодно в этой ситуации.

Ниже приведен мой код для вашей справки:

HTML-код:

<form id="request_form" method="post" class="form-horizontal" enctype="multipart/form-data" action="">
<input type="file" name="student_image" id="student_image" accept="image/*" capture/>
</form>

Код jQuery-AJAX:

$('#request_form').submit(function(e) {

var form = $(this);

var formdata = false;

if(window.FormData) {
formdata = new FormData(form[0]);
}

var formAction = form.attr('action');

$.ajax({
url         : 'request.php',
type        : 'POST',
cache       : false,
data        : formdata ? formdata : form.serialize(),
contentType : false,
processData : false,
success: function(response) {

var responseObject = $.parseJSON(response);
if(responseObject.error_message) {

if ($(".alert-dismissible")[0]) {
$('.alert-dismissible').remove();
}
alert(responseObject.error_message);

} else {
alert("Success");
}
}
});
e.preventDefault();
});

PHP-код:

<?php
$target_dir = "uploads/";
$target_file = $target_dir . basename($_FILES["student_image"]["name"]);
$uploadOk = 1;
$imageFileType = pathinfo($target_file,PATHINFO_EXTENSION);
// Check if image file is a actual image or fake image
if(isset($_POST["submit"])) {
$check = getimagesize($_FILES["student_image"]["tmp_name"]);
if($check !== false) {
$error_msg = "File is an image - " . $check["mime"] . ".";
$uploadOk = 1;

} else {
$error_msg = "File is not an image.";
$uploadOk = 0;
}
}

// Allow certain file formats
if($imageFileType != "jpg" && $imageFileType != "png" && $imageFileType != "jpeg" && $imageFileType != "gif" ) {
$error_msg = "Sorry, only JPG, JPEG, PNG & GIF files are allowed.";
$uploadOk = 0;
}
// Check if $uploadOk is set to 0 by an error
if ($uploadOk == 0) {
$error_msg = "Sorry, your file was not uploaded.";
// if everything is ok, try to upload file
} else {
if (move_uploaded_file($_FILES["student_image"]["tmp_name"], $target_file)) {
$success = "The file ". basename( $_FILES["student_image"]["name"]). " has been uploaded.";
} else {
$error_msg = "Sorry, there was an error uploading your file.";
}
}

if($error_msg != ''){
$data = array();
$data['error_message'] = $error_msg;
$data = json_encode($data);
echo $data;
die;
} else {
$data = array();
$data['success_message'] = $success;
$data = json_encode($data);
echo $data;
die;
}
?>

У меня есть следующая функция, которая может выполнить эту работу за меня, но я не понимаю, как вызвать эту функцию и как получить из нее изображение, которое нужно сохранить на сервере. Пожалуйста, помогите мне в этом.

<?php
function image_fix_orientation(&$image, $filename) {
$exif = exif_read_data($filename);

if (!empty($exif['Orientation'])) {
switch ($exif['Orientation']) {
case 3:
$image = imagerotate($image, 180, 0);
break;

case 6:
$image = imagerotate($image, -90, 0);
break;

case 8:
$image = imagerotate($image, 90, 0);
break;
}
}
}
?>

Если вам нужна дополнительная информация о проблеме, с которой я столкнулся, пожалуйста, дайте мне знать.

Благодарю.

1

Решение

Лично я бы не стал напрямую использовать функции изображений PHP, а скорее полагался на существующую (абстракционную) библиотеку.

Представьте, что уже есть три драйвера: GD, Imagick и Gmagick.
https://github.com/avalanche123/Imagine

После включения библиотеки в проект используйте ее следующим образом, чтобы сохранить изображение, повернутое правильно, с камеры. Для этого потребуется установить расширение exif.

    $imagefile = $_FILES["..."]["tmp_name"];
if(class_exists('Gmagick'))
{
$imagine = new \Imagine\Gmagick\Imagine();
}
elseif(class_exists('Imagick'))
{
$imagine = new \Imagine\Imagick\Imagine();
}
else
{
$imagine = new \Imagine\Gd\Imagine();
}

$image = $imagine->open($imagefile);

$filterAutorotate = new \Imagine\Filter\Basic\Autorotate();
$filterAutorotate->apply($image);

$filename = 'brand new .jpg';
$image->save($filename/*, array() $options/*);

Чтение метаданных для выполнения этого вручную, см. Здесь https://github.com/avalanche123/Imagine/blob/develop/lib/Imagine/Image/Metadata/ExifMetadataReader.php

0

Другие решения

Других решений пока нет …

По вопросам рекламы ammmcru@yandex.ru
Adblock
detector