所属分类:php教程
需求场景
不同终端(PC端、手机端、平板),不同界面(列表页、详情页),对图片大小的要求不一样, 如果所有场景下都使用同一尺寸的图片,势必对会网络带宽及服务器性能造成一定的影响,由此需要服务器端能够根据前端的请求参数,自动匹配出相对应的图片资源,以此来降低服务端的压力,同时也能给用户带来更友好的用户体验。
具体步骤如下:
1、开启apache的rewrite功能,具体方法请自行百度。
2、修改.htaccess
<IfModule mod_rewrite.c> 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()->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->thumb($width, $height); if (!file_exists($targetName)) { $thumb->save($targetName); } $thumb->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->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; }
5、访问示例
在浏览器中输入:http://域名/public/upload/news/20190325/442b8dba3f706cf6822c1255bcaa68de_320_240.jpg,将会看到一张宽320,高240的图片。
以上就是ThinkPHP5 动态生成图片缩略图的详细内容,更多请关注zzsucai网其它相关文章!