thinkphp5动态缩略图实现

我们在做图片上传的时候一般都会生成一张缩略图,这样做的好处是在客户端拉取图片的时候可以更快速的拉取图片数据,并且可以减少服务器的带宽请求。
传统的做法是在上传的时候生成一张缩略图,但是这样做有两个缺点。1、图片占用服务器空间;2、图片大小不能随意更改。
所以这个时候就需要一个动态修改缩略图的方案。下面我介绍下thinkphp5的动态缩略图配置方法。

1、动态缩略图程序

由于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->thumb($width,$height)->preview();
}

假设我们在根目录有个图片test.jpg
访问路径:http://thinkphp5/Image/thumb?path=test.jpg&width=320&height=240
这个时候我们会看到一个新的缩略图了,下面就要开始配置服务端了。

2、配置服务端

我们之前已经有过thinkphp隐藏index.php的配置了,这样加我们新的配置上去就可以了。

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/$1 [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;
}

访问根目录的test.jpg图片,路径:http://thinkphp5/test.jpg!320x240
到这里就大功告成了!

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值