ThinkPHP5动态生成缩略图,减少流量消耗.

哈哈哈,因为动态处理的话流量是省了,但是因为是 PHP 处理的所以会造成物理的丁点损耗(忽略不计)

#composer 安装 think 扩展类
composer require topthink/think-image

由于 tp5 自带图片处理类，我们就可以不用再另外写裁剪等方法了，但是 tp5 的图片处理类没有输出方法，我们复制一份 save 的方法，另外命名一个preview的方法，稍微修改下用来输出就行了。（此类文件路劲在vendor/topthink/think-image/src/Image.php，如果没有这个类文件请用composer下载。）代码如下：

public function preview($quality = 100, $interlace = true)
    {

        $type = $this->info['type'];
        header('content-type:'.$this->info['mime']);
        if ('jpeg' == $type || 'jpg' == $type) {
            //JPEG 图像设置隔行扫描
            imageinterlace($this->im, $interlace);
            imagejpeg($this->im, null, $quality);
        } elseif ('gif' == $type && !empty($this->gif)) {
            imagegif($this->im, null);
        } elseif ('png' == $type) {
            //设定保存完整的 alpha 通道信息
            imagesavealpha($this->im, true);
            //ImagePNG 生成图像的质量范围从 0 到 9 的
            imagepng($this->im, null, min((int) ($quality / 10), 9));
        } else {
            $fun = 'image' . $type;
            $fun($this->im, '');
        }
        exit; //一定要写 exit，不然输出的是二进制代码
    }

我们随意创建一个控制器和一个方法，例如：Image/thumb，调用刚刚我们修改的方法，代码如下：

public function thumb($path,$width=160,$height=120)
{
    $image = \think\Image::open(trim($path,'/'));
   #居中方式裁剪(更多请看 Image 类)
    $image->thumb($width,$height,3)->preview();
}

服务端配置

#Apache 配置
<IfModule mod_rewrite.c>
    Options +FollowSymlinks -Multiviews
    RewriteEngine On
    
    #新增配置
    RewriteCond %{REQUEST_FILENAME} !-d
    RewriteCond %{REQUEST_FILENAME} !-f
    RewriteRule ^(.+\.(jpg|jpeg|png|gif))!(\d+)x(\d+).*$ image/thumb?path=$1&width=$3&height=$4
    #新增配置
    
    RewriteCond %{REQUEST_FILENAME} !-d
    RewriteCond %{REQUEST_FILENAME} !-f
    RewriteRule ^(.*)$ index.php/\ [QSA,PT,L]
</IfModule>



#Nginx 配置

if (!-e $request_filename) {
    #新增配置
    rewrite  ^(.+\.(jpg|jpeg|png|gif))!(\d+)x(\d+).*$ image/thumb?path=$1&width=$3&height=$4;
    #新增配置
    rewrite  ^(.*)$  /index.php?s=$1  last;
    break;
}

访问:http://xxxx.com/Image/thumb?path=test.jpg&width=320&height=240

~谢谢打赏~

赏