Форумы портала PHP.SU :: Версия для печати

Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770
Форумы портала PHP.SU :: Версия для печати :: Размер фото

Форумы портала PHP.SU » » Вопросы новичков » Размер фото

Страниц (1): [1]

1. DmitryVL - 30 Июня, 2020 - 11:21:33 - перейти к сообщению

Всем добрый день. Имеется большое количество папок с фото. Просмот этих папок происходит через

PHP:
скопировать код в буфер обмена

<?PHP 
 
$dir = 'img/';
 
 
function scan(string $dir) {
        return array_diff(scandir($dir), ['.','..']);
}
 
 
if(isset($_GET['product_id'])) {
        $product_folder = $dir.$_GET['product_id'];
        if( !is_dir($product_folder) ) {
                die('Папка не существует');
        }
 
        $files = scan($product_folder);
        if( empty($files) ) {
                die('Нет фотографий');
        }
 
        foreach( $files as $file ) {
                $path = $product_folder.'/'.$file;
                echo "<a href=\"{$path}\">
                        <img src=\"{$path}\" style=\"width: 100px; height:100px;\">
                </a>";
        }
} else {
        $folders = scan($dir);
 
        if(empty($folders)) {
                echo 'Папка пустая';
        } else {
                foreach($folders as $folder) {
                        echo "<p><a href=\"?product_id={$folder}\">{$folder}</a></p>";
                }
        }
}

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

2. andrewkard - 01 Июля, 2020 - 07:12:01 - перейти к сообщению

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

Еще вариант ничего не менять особо, а сделать ленивую загрузку, когда сервер отдает все картинки как 1 пиксель а на JS заменяем путь из data-src в src, т.е.

PHP:
скопировать код в буфер обмена

<img class="img" src="/1px.png" data-src="<?=$path?>">

стили вынести в таблицу стилей

3. Vladimir Kheifets - 01 Июля, 2020 - 12:44:44 - перейти к сообщению

DmitryVL пишет:

Всем добрый день. Имеется большое количество папок с фото. Просмот этих папок происходит через

PHP:
скопировать код в буфер обмена

<?PHP 
 
$dir = 'img/';
 
 
function scan(string $dir) {
        return array_diff(scandir($dir), ['.','..']);
}
 
 
if(isset($_GET['product_id'])) {
        $product_folder = $dir.$_GET['product_id'];
        if( !is_dir($product_folder) ) {
                die('Папка не существует');
        }
 
        $files = scan($product_folder);
        if( empty($files) ) {
                die('Нет фотографий');
        }
 
        foreach( $files as $file ) {
                $path = $product_folder.'/'.$file;
                echo "<a href=\"{$path}\">
                        <img src=\"{$path}\" style=\"width: 100px; height:100px;\">
                </a>";
        }
} else {
        $folders = scan($dir);
 
        if(empty($folders)) {
                echo 'Папка пустая';
        } else {
                foreach($folders as $folder) {
                        echo "<p><a href=\"?product_id={$folder}\">{$folder}</a></p>";
                }
        }
}

Добрый день!
Вы можете подключить PHP скрипт для создания миниатюр.
и можете запускать его при закачки оригиналов на сервер и сохраненять их в папке thumbs, либо создавать их "налету" из оригиналов без сохранения.
Это две функция. makeQThumb создаёт квадратные миниатюры, makeQThumb создаёт миниатюры с пропорциями оригинала.

Спойлер (Отобразить)

PHP:
скопировать код в буфер обмена

<?
function makeQThumb($source_img, $size, $save_img=null)
{
    $type = exif_imagetype($source_img);   
    $exif = exif_read_data($source_img);   
    //--------------------------------------------------    
    switch ($type) 
    {
        case 2:
        $source = imagecreatefromjpeg ($source_img);        
        $ContentType="jpg";
        break;
 
        case 3:
        $source = imagecreatefrompng ($source_img);
        $ContentType="png";
        break;
        
        case 1:
        $source = imagecreatefromgif ($source_img);
        $ContentType="gif";
        break;
    }    
    if(!$save_img) header("Content-Type: image/$ContentType");
    
    // Получаем размеры оригинального изображения
    list($width, $height) = getimagesize($source_img);
    
    // Превью
    $thumbs = imagecreatetruecolor($size, $size);
    
    // Горизонтальное изображение
    if ($width > $height && $width > $size)
    {
        imagecopyresampled($thumbs, $source, 0, 0, (($width-$height)/2), 0, $size, $size, $height, $height);
    }
    // Вертикальное изображение
    elseif ($height > $width && $height > $size)
    {
        imagecopyresampled($thumbs, $source, 0, 0, 0, (($height-$width)/2), $size, $size, $width, $width);
    }
    // Если квадрат
    elseif ($height == $width && $height > $size)
    {
        imagecopyresampled($thumbs, $source, 0, 0, 0, 0, $size, $size, $width, $width);
    }
    // Изображение меньше размеров стороны
    else
    {
        $thumbs = $source; 
    }
 
    //-------------------------------------------------    
    if (!empty($exif['Orientation'])) 
    {
        switch ($exif['Orientation']) 
        {
            case 3:
            $thumbs = imagerotate($thumbs, 180, 0);
            break;
            case 6:
            $thumbs = imagerotate($thumbs, -90, 0);
            break;
            case 8:
            $thumbs = imagerotate($thumbs, 90, 0);
            break;
        } 
    }
    //--------------------------------------------------
    if($save_img)
    {
        switch ($type) 
        {
            case 2:            
            $status = @imagejpeg($thumbs, $save_img);      
            break;
 
            case 3:
            $status = @imagepng($thumbs, $save_img);       
            break;
            
            case 1:
            $status = @imagegif($thumbs, $save_img);      
            break;
        }
        imagedestroy($thumbs);
        imagedestroy($source);
        return $status;
    }
    else
    {
        // Выводим изображение       
        switch ($type) 
        {
            case 2:
            imagejpeg($thumbs);   
            break;
 
            case 3:
            imagepng($thumbs);    
            break;
            
            case 1:
            imagegif($thumbs);      
            break;
        }
    }     
}
//----------------------------------------------------------
function makeThumb($source_img, $new_w, $new_h, $save_img=null)
{
    $type = exif_imagetype($source_img);
    $exif = exif_read_data($source_img); 
    switch ($type) 
    {
        case 2:
        $src_img = imagecreatefromjpeg ($source_img);
        $ContentType="jpg";
        break;
 
        case 3:
        $src_img = imagecreatefrompng ($source_img);
        $ContentType="png";
        break;
        
        case 1:
        $src_img = imagecreatefromgif ($file);
        $ContentType="gif";
        break;
    }
    if(!$save_img) header("Content-Type: image/$ContentType");
    
    //gets the dimmensions of the image
    $old_x=imageSX($src_img);
    $old_y=imageSY($src_img);
 
    // next we will calculate the new dimmensions for the thumbnail image
    // the next steps will be taken:
    // 1. calculate the ratio by dividing the old dimmensions with the new ones
    // 2. if the ratio for the width is higher, the width will remain the one define in WIDTH variable
    // and the height will be calculated so the image ratio will not change
    // 3. otherwise we will use the height ratio for the image
    // as a result, only one of the dimmensions will be from the fixed ones
    $ratio1=$old_x/$new_w;
    $ratio2=$old_y/$new_h;
    if($ratio1>$ratio2) {
    $thumb_w=$new_w;
    $thumb_h=$old_y/$ratio1;
    }
    else {
    $thumb_h=$new_h;
    $thumb_w=$old_x/$ratio2;
    }
 
    // we create a new image with the new dimmensions
    $dst_img=ImageCreateTrueColor($thumb_w,$thumb_h);
 
    // resize the big image to the new created one
    imagecopyresampled($dst_img,$src_img,0,0,0,0,$thumb_w,$thumb_h,$old_x,$old_y);
 
    // output the created image to the file. Now we will have the thumbnail into the file named by $save_img
     //-------------------------------------------------    
    if (!empty($exif['Orientation'])) 
    {
        switch ($exif['Orientation']) 
        {
            case 3:
            $dst_img = imagerotate($dst_img, 180, 0);
            break;
            case 6:
            $dst_img = imagerotate($dst_img, -90, 0);
            break;
            case 8:
            $dst_img = imagerotate($dst_img, 90, 0);
            break;
        } 
    }
    //--------------------------------------------------     
    if($save_img)
    {
        switch ($type) 
        {
            case 2:
            $status = @imagejpeg($dst_img, $save_img);      
            break;
 
            case 3:
            $status = @imagepng($dst_img, $save_img);       
            break;
            
            case 1:
            $status = @imagegif($dst_img, $save_img);      
            break;
        }
        imagedestroy($dst_img);
        imagedestroy($src_img);
        return $status;
    }
    else
    {
        // Выводим изображение       
        switch ($type) 
        {
            case 2:
            imagejpeg($dst_img);   
            break;
 
            case 3:
            imagepng($dst_img);    
            break;
            
            case 1:
            imagegif($dst_img);      
            break;
        }
    } 
}?>

Если "налету", то пишите

CODE (html):
скопировать код в буфер обмена

<img src="MyTuhm.php">

PHP:
скопировать код в буфер обмена

 
//MyTuhm.php
makeThumb($file, 250, 100);

или

PHP:
скопировать код в буфер обмена

 
//MyTuhm.php
makeQThumb($file, 250);

Удачи!