0

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

пробую так

$exif = exif_read_data($image, 0, true);
            var_dump($exif);

но выводит вот что

array(7) { ["FILE"]=> array(6) { ["FileName"]=> string(9) "phpv6mxqO" ["FileDateTime"]=> int(1574678201) ["FileSize"]=> int(5653588) ["FileType"]=> int(2) ["MimeType"]=> string(10) "image/jpeg" ["SectionsFound"]=> string(44) "ANY_TAG, IFD0, THUMBNAIL, EXIF, GPS, INTEROP" } ["COMPUTED"]=> array(8) { ["html"]=> string(26) "width="4160" height="3120"" ["Height"]=> int(3120) ["Width"]=> int(4160) ["IsColor"]=> int(1) ["ByteOrderMotorola"]=> int(1) ["ApertureFNumber"]=> string(5) "f/2.0" ["Thumbnail.FileType"]=> int(2) ["Thumbnail.MimeType"]=> string(10) "image/jpeg" } ["IFD0"]=> array(10) { ["DateTime"]=> string(19) "2019:06:04 06:34:00" ["GPS_IFD_Pointer"]=> int(773) ["Model"]=> string(12) "Redmi Note 4" ["YCbCrPositioning"]=> int(1) ["ResolutionUnit"]=> int(2) ["YResolution"]=> string(4) "72/1" ["Software"]=> string(51) "mido-user 7.0 NRD90M V10.2.3.0.NCFMIXM release-keys" ["Exif_IFD_Pointer"]=> int(242) ["XResolution"]=> string(4) "72/1" ["Make"]=> string(6) "Xiaomi" } ["THUMBNAIL"]=> array(6) { ["YResolution"]=> string(4) "72/1" ["JPEGInterchangeFormatLength"]=> int(10591) ["JPEGInterchangeFormat"]=> int(1092) ["Compression"]=> int(6) ["ResolutionUnit"]=> int(2) ["XResolution"]=> string(4) "72/1" } ["EXIF"]=> array(29) { ["ColorSpace"]=> int(1) ["FNumber"]=> string(7) "200/100" ["DateTimeDigitized"]=> string(19) "2019:06:04 06:34:00" ["FocalLength"]=> string(9) "3570/1000" ["ApertureValue"]=> string(7) "200/100" ["UndefinedTag:0x9999"]=> string(37) "{"sensor_type":"rear","mirror":false}" ["ExposureMode"]=> int(0) ["SubSecTimeDigitized"]=> string(6) "382177" ["ExifImageLength"]=> int(3120) ["FocalLengthIn35mmFilm"]=> int(0) ["SceneCaptureType"]=> int(0) ["SceneType"]=> string(1) "" ["SubSecTimeOriginal"]=> string(6) "382177" ["ExposureProgram"]=> int(0) ["WhiteBalance"]=> int(0) ["ExifImageWidth"]=> int(4160) ["SubSecTime"]=> string(6) "382177" ["ShutterSpeedValue"]=> string(10) "11119/1000" ["MeteringMode"]=> int(2) ["DateTimeOriginal"]=> string(19) "2019:06:04 06:34:00" ["ComponentsConfiguration"]=> string(4) "" ["ExifVersion"]=> string(4) "0220" ["Flash"]=> int(16) ["InteroperabilityOffset"]=> int(743) ["BrightnessValue"]=> string(5) "0/100" ["ISOSpeedRatings"]=> int(100) ["SensingMethod"]=> int(2) ["FlashPixVersion"]=> string(4) "0100" ["ExposureTime"]=> string(6) "1/2225" } ["GPS"]=> array(9) { ["GPSDateStamp"]=> string(10) "2019:06:04" ["GPSAltitudeRef"]=> string(7) "200/100" ["GPSLongitudeRef"]=> string(1) "E" ["GPSLongitude"]=> array(3) { [0]=> string(5) "115/1" [1]=> string(3) "9/1" [2]=> string(12) "256390/10000" } ["GPSProcessingMode"]=> string(5) "ASCII" ["GPSLatitudeRef"]=> string(1) "S" ["GPSTimeStamp"]=> array(3) { [0]=> string(3) "3/1" [1]=> string(4) "33/1" [2]=> string(4) "59/1" } ["GPSAltitude"]=> string(10) "48000/1000" ["GPSLatitude"]=> array(3) { [0]=> string(3) "8/1" [1]=> string(4) "50/1" [2]=> string(12) "532064/10000" } } ["INTEROP"]=> array(2) { ["InterOperabilityIndex"]=> string(3) "R98" ["InterOperabilityVersion"]=> string(4) "0100" } } 
4
  • imagick и gd умеют поворачивать изображение. На странице документации функции exif_read_data (php.net/manual/ru/function.exif-read-data.php#76964) даже есть пример. 25 ноя 2019 в 11:00
  • а как определить ориентацию? сейчас не выводит ничего
    – Corona
    25 ноя 2019 в 11:13
  • Тот момент, когда нужно не изображение крутить, а объяснить фотографу какой ориентации нужны фото.
    – user256824
    26 ноя 2019 в 0:20
  • @Corona ну не во всех камерах пишется ориентация. Для тех снимков, у которых она отсутствует, определить поворот фото не получится. В таком случае можно добавить кнопку поворота в интерфейс админки, и редактор сам покрутит картинку. 26 ноя 2019 в 10:13

1 ответ 1

0

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

Вот например:

var Img = function(img, onDraw) {
    
    var _img = img;

    var _file;

    var _currentRotation = 0;

    var _onDraw = onDraw;

    this.setFile = function(file) {
        _file = file;
        _currentRotation = 0;
        _draw(_file, _currentRotation);
    };

    this.rotate= function() {
        if (_currentRotation < 3) {
            _currentRotation++;
        } else {
            _currentRotation = 0;
        }
        _draw(_file, _currentRotation);
    };

    function _draw(file, rotation) {
        if (file) {
            _img.src = window.URL.createObjectURL(file);
            var angle = rotation * 90;
            _img.style.transform = 'rotate(' + angle + 'deg)';
        }
        _onDraw(file, rotation);
    }
};
var canvasImg = document.querySelector('#canvas');
var rotationInput = document.querySelector('[name="rotation"]');
var img = new Img(canvasImg, function(file, rotation) {
    rotationInput.value = rotation;
});

var imgInput = document.querySelector('[name="img"]');
imgInput.addEventListener('change', function() {
    img.setFile(this.files[0]);

});
var rotateButton = document.querySelector('#rotateButton');
rotateButton.addEventListener('click', function(e) {
    e.preventDefault();
    img.rotate();
});
<input type="file" name="img">
<button id="rotateButton">Покрутить</button>
<input name="rotation" type="text" readonly>
<div style="overflow: auto">
    <img id="canvas">
</div>

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.