Создание уменьшенной копии изображения при загрузке.

вопрос

И снова здравствуйте!

Ка всегда после долгого гугления пишу сюда.

В данный момент проблема такова: имеется уплоадер скриншотов и постеров.
Который загружает картинки посредством js и php. Всё работает как часы.

Хотел сделать что бы при загрузке изображения делалась миниатюры и загружались в нужные мне папки.

В эти директории хочу грузить тумбы и оригиналы.

php пока то что сделал

// Куда нужно загружать
if ($screen == true) {
    $upload_screens_big = ROOT_DIR . "/uploads/screens/big/" . $name . "_" . $ide . ".jpg"; // оригинал
    $upload_screens_med = ROOT_DIR . "/uploads/screens/med/" . $name . "_" . $ide . ".jpg"; // уменьшенная копия
    $upload_screens_sml = ROOT_DIR . "/uploads/screens/sml/" . $name . "_" . $ide . ".jpg"; // уменьшенная копия (102х160)
}else{
    $upload_poster_big = ROOT_DIR . "/uploads/anime/big/" . $name . "." . $path_parts['extension']; // оригинал
    $upload_poster_med = ROOT_DIR . "/uploads/anime/med/" . $name . "." . $path_parts['extension']; // уменьшенная копия
    $upload_poster_sml = ROOT_DIR . "/uploads/anime/sml/" . $name . "." . $path_parts['extension']; // уменьшенная копия (102х160)
}

Очень долгое гугление выдало решение:
Ниже приведу код создание тумба и наложение ватемарка стандартными возможностями dle.

php

            if ($tumb != 0) {
                $imgsrcf = $upload_file;
                $imgtumb = $upload_file_thumb;
                if (!isset($imag))
                    $imag = new thumbnail($imgsrcf);
                else
                    $imag->thumbnail($imgsrcf);
                $imag->size_auto($tumb, $tumb_t);
                $imag->jpeg_quality($wap_config['jpeg_quality']);
                $imag->save($imgtumb);
                @chmod($imgtumb, 0777);
            }

            if ($wmo == "on") {
                $imgwaterm = $upload_file;
                if (!isset($imag))
                    $imag = new thumbnail($imgwaterm);
                else
                    $imag->thumbnail($imgwaterm);
                $imag = new thumbnail($imgwaterm);
                $imag->insert_watermark($config['max_watermark']);
                $imag->save($imgwaterm);
                @chmod($imgwaterm, 0777);
            }

Разобраться со стандартным генератором dle не смог.

php уплоадера


$allowed_extensions = array ("gif", "jpg", "png", "jpe", "jpeg" );

$path_poster = ROOT_DIR . "/uploads/anime/";
$path_screens = ROOT_DIR . "/uploads/screens/";

if( $_REQUEST['action'] == "uploadposter" ) {
    $subaction = $_REQUEST['subaction'];
    $name = $_FILES['uploadimg']['name']; // имя файла
    $size = $_FILES['uploadimg']['size']; // размер файла

    if(strlen($name)){
        list($txt, $ext) = explode(".", $name);
        if(in_array($ext,$allowed_extensions)){ // смотрим формат такой как мы разрешили?!
            $actual_image_name = time().$session_id.".".$ext;
            $tmp = $_FILES['uploadimg']['tmp_name'];
            if(move_uploaded_file($tmp, $path_poster.$subaction."/".$actual_image_name)){
                echo "/uploads/anime/".$subaction."/".$actual_image_name;
            }else
                echo "Ошибка загрузки!";
        }else
            echo "Ошибка типа файла!";
    }else
        echo "Ошибка имени файла!";
}elseif( $_REQUEST['action'] == "uploadscreen" ){

    $subaction = $_REQUEST['subaction'];
    $name = $_FILES['uploadimg']['name']; // имя файла
    $size = $_FILES['uploadimg']['size']; // размер файла

    if(strlen($name)){
        list($txt, $ext) = explode(".", $name);
        if(in_array($ext,$allowed_extensions)){ // смотрим формат такой как мы разрешили?!
            $actual_image_name = time().$session_id.".".$ext;
            $tmp = $_FILES['uploadimg']['tmp_name'];
            if(move_uploaded_file($tmp, $path_screens.$subaction."/".$actual_image_name)){
                echo "/uploads/screens/".$subaction."/".$actual_image_name;
            }else
                echo "Ошибка загрузки!";
        }else
            echo "Ошибка типа файла!";
    }else
        echo "Ошибка имени файла!";
}

js часть кода

        if(type == "poster"){
            $("#imageform").ajaxForm({
                url: dle_root+'engine/modules/waparser/poster_upload.php',
                data: { action: 'uploadposter' },
                type: "post",
                //target: '#xfield[poster]',
                success:    function(responseText, statusText, xhr, $form) {
                    $('#add-poster').attr('src',responseText);
                    $('.i-poster').attr('value',responseText);
                    $("#posterupload").dialog('close');
                } 
            });
        }else if(type == "screen"){
            $("#imageform").ajaxForm({
                url: dle_root+'engine/modules/waparser/poster_upload.php',
                data: { action: 'uploadscreen' },
                type: "post",
                //target: '#xfield[poster]',
                success:    function(responseText, statusText, xhr, $form) {
                    $("#screen_"+ids).attr('src',responseText);
                    $(".screen_"+ids).attr('value',responseText);
                    $("#posterupload").dialog('close');
                } 
            });
        }

Буду благодарен если покажите на примере, да и вообще любом ответам.
Заранее спасибо.

Ответил: golden_eagle_god

Ну если нужно сделать "Уменьшенную копию изображения при загрузке", то нужно Root-путь загруженного изображения передать в класс thumb, который должен быть заранее подключен. Я делал так:


                include_once ENGINE_DIR . '/classes/thumb.class.php'; //Подключил класс по работе с изображениями (Лучше в начале скрипта)

                $file_path=ROOT_DIR.'/uploads/posts/'.date( "Y-m" )."/".$name_file; //полный путь файла (для примера)

        #Создам малое изображение с ватермарком
        
        $thumb = new thumbnail( $file_path ); // Root путь изображения 
        
        $thumb->size_auto(300);
        $thumb->jpeg_quality( 70 );
        
        $thumb->make_watermark;
        $thumb->insert_watermark( );
        
        $thumb->save( ROOT_DIR . "/uploads/posts/" . date( "Y-m" ) . "/thumbs/".$name_file ); //Сохраняю уменьшенное изображение в папке posts/дата/thumbs/ как по стандарту движка
        
        #Делаем Ватермарк На полном изображении
        
        $watermark = new thumbnail( $file_path ); // Root путь изображения 
        
        $watermark->make_watermark;
        $watermark->insert_watermark(  );
        
        $watermark->save( $file_path ); //Сохраняю оригинальное изображение с ватермарком на старом месте

Если быть понятнее, то root-путь это что то типо такой ссылки:

Z:\home\mydle10.2.test\www/uploads/posts/2014-06/1403412054_0.jpg

    if(strlen($name)){
        list($txt, $ext) = explode(".", $name);
        if(in_array($ext,$allowed_extensions)){ // смотрим формат такой как мы разрешили?!
            $actual_image_name = time().$session_id.".".$ext;
            $tmp = $_FILES['uploadimg']['tmp_name'];
            if(move_uploaded_file($tmp, $upload_poster_path.$subaction."/".$actual_image_name)){

                #Создам среднее изображение с ватермарком
                $thumb = new thumbnail($upload_poster_big); // Root путь изображения
                $thumb->size_auto('150х260');
                $thumb->jpeg_quality(100);
                $thumb->make_watermark;
                $thumb->insert_watermark($config['max_watermark']);
                $thumb->save($upload_poster_med); //Сохраняю уменьшенное изображение в папке uploads/screens/med/

                #Создам малое изображение с ватермарком
                $thumb = new thumbnail($upload_poster_big); // Root путь изображения
                $thumb->size_auto('102х160');
                $thumb->jpeg_quality(100);
                $thumb->make_watermark;
                $thumb->insert_watermark($config['max_watermark']);
                $thumb->save($upload_poster_sml); //Сохраняю уменьшенное изображение в папке uploads/screens/sml/

                #Делаем Ватермарк На полном изображении
                $watermark = new thumbnail($upload_poster_big); // Root путь изображения
                $watermark->insert_watermark;
                $watermark->insert_watermark($config['max_watermark']);
                $watermark->save($upload_poster_big); //Сохраняю оригинальное изображение с ватермарком на старом месте

                echo "/uploads/anime/".$subaction."/".$actual_image_name;
            }else
                echo "Ошибка загрузки!";
        }else
            echo "Ошибка типа файла!";
    }else
        echo "Ошибка имени файла!";

[not-available=userinfo] <div class="nav-load" id="nav-load">[next-link]Загрузить еще[/next-link]</div> <nav class="navigation"[available=lastcomments] style="padding: 4% 8%;"[/available]> <div class="page_next-prev"> <span class="page_prev" title="Предыдущая страница"> [prev-link]<svg class="icon icon-left"><use xlink:href="#icon-left"></use></svg>[/prev-link] </span> <span class="page_next" title="Следующая страница"> [next-link]<svg class="icon icon-right"><use xlink:href="#icon-right"></use></svg>[/next-link] </span> </div> <ul class="pagination"> {pages} </ul> </nav> <script type="text/javascript"> $(document).ready(function(){ $('body').on('click','#nav-load a',function(){ var urlNext = $(this).attr('href'); var scrollNext = $(this).offset().top - 200; if (urlNext !== undefined) { $.ajax({ url: urlNext, beforeSend: function() { ShowLoading(''); }, success: function(data) { $('.navigation').remove(); $('#nav-load').remove(); $('#dle-content').append($('#dle-content', data).html()); $('#dle-content').after($('#bottom-nav')); window.history.pushState("", "", urlNext); $('html, body').animate({scrollTop:scrollNext}, 800); HideLoading(''); }, error: function() { HideLoading(''); alert('что-то пошло не так'); } }); }; return false; }); }); </script> [/not-available]

4 комментария

Юзер

242

Kota - 2014-06-2122 июня 2014 13:53 - #30570

Спасибо за ответ!

По вашему примеру сделал следующее:

Но не могу понять для чего эти строчки:

$thumb->make_watermark;
$watermark->insert_watermark;

Подскажите пожалуйста.

250

golden_eagle_god - 2014-06-2122 июня 2014 14:14 - #30572

Пожалуйста, всегда рад помочь.

Цитата: Aleksey-Nyaka

Устанавливают водяной знак на картинку.
В insert_watermark можно ничего не передавать, оставить пустым.

Kota - 2014-06-2122 июня 2014 14:34 - #30577

Спасибо!

golden_eagle_god - 2014-06-2123 июня 2014 11:24 - #30611

Пожалуйста smile

Создание уменьшенной копии изображения при загрузке.

Ответил: golden_eagle_god

4 комментария

Похожие вопросы

Загрузка файлов на сайт

Загрузка mp3 треков на сайт

Заливка аватара в папку, соответствующую логину пользователя

Нужно помощь в php

Нужна помощь по загрузке файлов

Не работает вывод через $tpl->set()

Скрипт загрузки файлов на сервер

как определить переменную?

Повтор фото в загрузке

Добавление модулей в файл .profile.php, как правильно прописать?