сохранение обрезанного изображения с помощью imagejpeg () во второй раз с тем же именем - PullRequest
Новая
       39

сохранение обрезанного изображения с помощью imagejpeg () во второй раз с тем же именем

1 голос
/ 18 марта 2019

Я смиренно подхожу к php / javascript-коду, и я начал с Скачанная функция jcrop 

<?php

/**
 * Jcrop image cropping plugin for jQuery
 * Example cropping script
 * @copyright 2008-2009 Kelly Hallman
 * More info: http://deepliquid.com/content/Jcrop_Implementation_Theory.html
 */

if ($_SERVER['REQUEST_METHOD'] == 'POST')
{
    $targ_w = $targ_h = 150;
    $jpeg_quality = 90;

    $src = 'images/originalimage.jpg';
    $img_r = imagecreatefromjpeg($src);
    $dst_r = ImageCreateTrueColor( $targ_w, $targ_h );

    imagecopyresampled($dst_r,$img_r,0,0,$_POST['x'],$_POST['y'],
    $targ_w,$targ_h,$_POST['w'],$_POST['h']);

    header('Content-type: image/jpeg');

I После успешного тестирования кода я просто изменил значение Null на «test1.jpg», чтобы сохранить обрезанное изображение. 

    imagejpeg($dst_r,'test1.jpg',$jpeg_quality);

Кажется, что он работает нормально только в первый раз, когда я обрезаю изображение, потому что, когда я пытаюсь обрезать более одного раза, я замечу, что обрезанное изображение, которое я нахожу в моем каталоге, такое же, как и в первый раз не учитывает последующие обрезанные изображения. Если я изменю имя на test2.jpg (например), то при первом успешном сохранении обрезанной области он будет работать так же, как test1.jpg со второго раза. . 

    exit;
}

// If not a POST request, display page below:

?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
        <script src="js/jquery.min.js"></script>
        <script src="js/jquery.Jcrop.js"></script>
        <link rel="stylesheet" href="css/jquery.Jcrop.css" type="text/css" />
        <script language="Javascript">

            $(function(){

                $('#cropbox').Jcrop({
                    aspectRatio: 1,
                    onSelect: updateCoords
                });

            });

            function updateCoords(c)
            {
                $('#x').val(c.x);
                $('#y').val(c.y);
                $('#w').val(c.w);
                $('#h').val(c.h);
            };

            function checkCoords()
            {
                if (parseInt($('#w').val())) return true;
                alert('Please select a crop region then press submit.');
                return false;
            };

        </script>

</head>

<body>
<!-- This is the image we're attaching Jcrop to -->
        <img src="images/originalimage.jpg" id="cropbox" />

        <!-- This is the form that our event handler fills -->
        <form action="crop.php" method="post" onsubmit="return checkCoords();">
            <input type="hidden" id="x" name="x" />
            <input type="hidden" id="y" name="y" />
            <input type="hidden" id="w" name="w" />
            <input type="hidden" id="h" name="h" />
            <input type="submit" value="Crop Image" />
        </form>
</body>
</html>

Я не могу найти проблему.

Некоторые обновления, которые, я надеюсь, будут полезны: после того, как я нажму «обрезать изображение», и страница станет пустой, если я получу доступ к Файловому менеджеру моего хоста, я замечу, что размер файла меняется, поскольку он корректно перезаписывает новое изображение. Однако, когда я щелкаю (в файловом менеджере), чтобы открыть изображение, оно всегда показывает первое обрезанное изображение. Это сводит меня с ума.

...