ThinkPHP5 动态生成图片缩略图-小浪学习网

thinkphp5动态生成图片缩略图

需求场景

不同终端（PC端、手机端、平板），不同界面（列表页、详情页），对图片大小的要求不一样，如果所有场景下都使用同一尺寸的图片，势必对会网络带宽及服务器性能造成一定的影响，由此需要服务器端能够根据前端的请求参数，自动匹配出相对应的图片资源，以此来降低服务端的压力，同时也能给用户带来更友好的用户体验。

具体步骤如下：

1、开启apache的rewrite功能，具体方法请自行百度。

立即学习“PHP免费学习笔记（深入）”；

2、修改.htaccess

<ifmodule>   Options +FollowSymlinks -Multiviews   RewriteEngine On     RewriteCond %{REQUEST_FILENAME} !-d   RewriteCond %{REQUEST_FILENAME} !-f   RewriteRule ^public/upload/(.*)/(.*)/(.*)_(d+)_(d+).(png|jpg|jpeg|gif)$ /index.php/api/Attachment/thumbnail/module/$1/date/$2/original/$3/width/$4/height/$5/ext/$6 [L,R]     RewriteCond %{REQUEST_FILENAME} !-d   RewriteCond %{REQUEST_FILENAME} !-f   RewriteRule ^(.*)$ index.php/$1 [QSA,PT,L] </ifmodule>

以上配置规则表示，如果存在对应的图片资源，则由apache直接返回，如果不存在，则转发给/index.php/api/Attachment/thumbnail处理器去处理。

其它参数说明：

$1：图片所属模块

$2：图片上传日期

$3：原始图片名称（不含后缀）

$4：目标图片宽度

$5：目标图片高度

$6：图片后缀

友情提示：根据图片存储规则的不同，此处的配置规则及参数可以作相应的调整。

3、新增缩略图处理程序，此处为Attachment 文件，内容如下：

public function thumbnail() {         $savePath = Config::get('attachment_path');         $defaultImage = $savePath.'default.jpg';         $params = Request::instance()-&gt;param();         $module = $params['module'];  // 图片所属模块         $date = $params['date'];      // 图片上传日期         $original = $params['original']; // 原始图片名称（不含后缀）         $width = $params['width'];    // 目标图片宽度         $height = $params['height'];  // 目标图片高度         $ext = $params['ext'];        // 图片后缀         $originName = sprintf('%s%s/%s/%s.%s',$savePath,$module,$date,$original,$ext);         $targetName = sprintf('%s%s/%s/%s_%s_%s.%s',$savePath,$module,$date,$original,$width,$height,$ext);         if (!file_exists($originName)) {             $originName = $defaultImage;             $targetName = sprintf('%sdefault_%s_%s.jpg',$savePath,$width,$height);         }         $image = Image::open($originName);         $thumb = $image-&gt;thumb($width, $height);         if (!file_exists($targetName)) {             $thumb-&gt;save($targetName);         }         $thumb-&gt;preview();     }

4、vendor/topthink/think-image/src/Image.php文件中新增一个方法，内容如下：

/**      * 预览图像      * @param int         $quality   图像质量      * @param bool        $interlace 是否对JPEG类型图像设置隔行扫描      * @return $this      */     public function preview($quality = 100, $interlace = true)     {         $type = $this-&gt;info['type'];         header('content-type:'.$this-&gt;info['mime']);         if ('jpeg' == $type || 'jpg' == $type) {             //JPEG图像设置隔行扫描             imageinterlace($this-&gt;im, $interlace);             imagejpeg($this-&gt;im, null, $quality);         } elseif ('gif' == $type &amp;&amp; !empty($this-&gt;gif)) {             imagegif($this-&gt;im, null);         } elseif ('png' == $type) {             //设定保存完整的 alpha 通道信息             imagesavealpha($this-&gt;im, true);             //ImagePNG生成图像的质量范围从0到9的             imagepng($this-&gt;im, null, min((int) ($quality / 10), 9));         } else {             $fun = 'image' . $type;             $fun($this-&gt;im, '');         }        exit;     }

5、访问示例

在浏览器中输入：http://域名/public/upload/news/20190325/442b8dba3f706cf6822c1255bcaa68de_320_240.jpg，将会看到一张宽320，高240的图片。

文章版权归作者所有，未经允许请勿转载。

THE END