PHP图片自动裁切应付不同尺寸的显示


Posted in PHP onOctober 16, 2014

如果做过那种门户站的朋友,肯定知道,一张图片可能会在不同的地方显示,大小不同,比例也不同,
如果只用一张图的话,那么肯定会变形,而且在显示小图的地方,链接 大图,又太浪费了.....用缩略图来处理,也不完美,因为每个地方出现的比例 大小可能都不一样 ,举个例子!
PHP图片自动裁切应付不同尺寸的显示

请看上图。

在这个地方,其实调去出来的是一个列表,但是 图片的大小是不一样的,有多大宽有的窄,,当遇到这样的情况的时候 你们怎么办呢,如果直接用原来的地址,肯定是会变形的,如果搞缩略图也不靠谱,这个调去是自动调去的,你根本不知道哪个图片需要多大的宽高,
------------------------------------------------------------------------------------------------------------------
下面进入正题:

我一直用一种方法,就是PHP 自动裁切...相比你们看到过类似那种图片地址吧 /aaaa/abc_200_100.jpg 或者/aaaa/abc_200*100.jpg
我的方式就是在需要图片地方把这个图片地址转化为 类似上面的那种地址, 然后通过apache 的rewrite 定向到一个处理程序.根据宽高生成一个图片然后保存起来,

这样做的好处有几个地方:

第一,非常灵活,在有图片地方,你需要多宽多高,都可以随意 控制,不会变形,而且程序永远会让图片内容显示的最多
第二个,当图片生成过一次的时候,apache下次就不会再重定向到程序了, 因为在规则前面 有 !d !f 这个判断,意思就是当前文件不存在的时候才会定向走,下次图片存在了,就不会再出来了 直接就是真是的图片了

不好的地方,就是生成的图片可能会比较多,占用的空间也比较大,但是如果是自己服务器 那就无所谓了,可以归类整理下

OK 奉上代码,我们就以discuz为例

function crop_img($img, $width = 200, $height = 200) {

$img_info = parse_url($img);

/* 外部链接直接返回图片地址 */

if (!empty($img_info['host']) && $img_info['host'] != $_SERVER['HTTP_HOST']) {

return $img;

} else {

$pos = strrpos($img, '.');

$img = substr($img, 0, $pos) . '_' . $width . '_' . $height . substr($img, $pos);

return $img;

}

}
function img($img,$width,$height){

$img_info = parse_url($img);

/* 外部链接直接返回图片地址 */

if (!empty($img_info['host']) && $img_info['host'] != $_SERVER['HTTP_HOST']) {

return $img;

} else {

$pos = strrpos($img, '.');

$img = substr($img, 0, $pos) . '_' . $width . '_' . $height . substr($img, $pos);

echo '<img src="'.$img.'" width="'.$width.'" height="'.$height.'" />';

return ;

} 

}

函数的用法 crop_img('原图地址','宽度','高度'); 这个函数返回处理过的图片地址,img 函数直接返回图片标签字符串,比如在discuz模板里面调用这个函数 {eval img($pic,200,100)}
这样返回的地址就是/data/attachment/forum/aaaaaa_200_100.jpg 目前来说 这个图片是不存在 那么看第二步

第二步 需要添加apache的rewrite规则

<IfModule mod_rewrite.c> 

RewriteEngine on

RewriteCond %{REQUEST_FILENAME} !-d

RewriteCond %{REQUEST_FILENAME} !-f 

RewriteRule ^data/attachment/(.*)$ images.php?url=$1 [L]

</IfModule>

上面的意思,就是 data/attachement/这个地址开头不存在的文件都定向到image.php来处理,并且把url当参数传过去

第三部就是image.php 这个里面的代码里

<?php
$url = $_GET['url'];

$src = './data/attachment/' . preg_replace('/_(\d+)_(\d+)/', '', $url);

$filename = './data/attachment/' . $url;

if (file_exists($filename)) {

ob_start();

header('Content-type:image/jpeg');

readfile($filename);

ob_flush();

flush();

} else {

if(!preg_match('/_(\d+)_(\d+)/', $url, $wh)){

defulat();

exit();

}

$width = $wh[1];

$height = $wh[2];

thumb(realpath($src), $width, $height, $filename, 'crop', '85');

}

function thumb($src, $width, $height, $filename, $mode = 'scale', $quality = '100') {

try {

$imageValue = getimagesize($src);

$sourceWidth = $imageValue[0]; //原图宽

$sourceHeight = $imageValue[1]; //原图高

$thumbWidth = $width; //缩略图宽

$thumbHeight = $height; //缩略图高

$_x = 0;

$_y = 0;

$w = $sourceWidth;

$h = $sourceHeight;

if ($mode == 'scale') {

if ($sourceWidth <= $thumbWidth && $sourceHeight <= $thumbHeight) {

$_x = floor(($thumbWidth - $sourceWidth) / 2);

$_y = floor(($thumbHeight - $sourceHeight) / 2);

$thumbWidth = $sourceWidth;

$thumbHeight = $sourceHeight;

} else {

if ($thumbHeight * $sourceWidth > $thumbWidth * $sourceHeight) {

$thumbHeight = floor($sourceHeight * $width / $sourceWidth);

$_y = floor(($height - $thumbHeight) / 2);

} else {

$thumbWidth = floor($sourceWidth * $height / $sourceHeight);

$_x = floor(($width - $thumbWidth) / 2);

}

}

} else if ($mode == 'crop') {

if ($sourceHeight < $thumbHeight) { //如果原图尺寸小于当前尺寸 

$thumbWidth = floor($thumbWidth * $sourceHeight / $thumbHeight);

$thumbHeight = $sourceHeight;

}

if ($sourceWidth < $thumbWidth) {

$thumbHeight = floor($thumbHeight * $sourceWidth / $thumbWidth);

$thumbWidth = $sourceWidth;

}

$s1 = $sourceWidth / $sourceHeight; //原图比例

$s2 = $width / $height; //新图比例

if ($s1 == $s2) {

} else if ($s1 > $s2) { //全高度 

$y = 0;

$ax = floor($sourceWidth * ($thumbHeight / $sourceHeight));

$x = ($ax - $thumbWidth) / 2;

$w = $thumbWidth / ($thumbHeight / $sourceHeight);

} else { //全宽度 

$x = 0;

$ay = floor($sourceHeight * ($thumbWidth / $sourceWidth)); //模拟原图比例高度

$y = ($ay - $thumbHeight) / 2;

$h = $thumbHeight / ($thumbWidth / $sourceWidth);

}

}

switch ($imageValue[2]) {

case 2: $source = imagecreatefromjpeg($src);

break;

case 1: $source = imagecreatefromgif($src);

break;

case 3: $source = imagecreatefrompng($src);

break;

case 6: $source = imagecreatefromwbmp($src);

break;

default: defulat();

return;

}

header("Content-type: image/jpeg");

$thumb = imagecreatetruecolor($width, $height);

imagefill($thumb, 0, 0, imagecolorallocate($thumb, 255, 255, 255));

imagecopyresampled($thumb, $source, 0, 0, $x, $y, $width, $height, $w, $h);

imagejpeg($thumb, null, $quality);

// if ($_SERVER['HTTP_REFERER'] || false !== stripos($_SERVER['HTTP_REFERER'], 'http://' . $_SERVER['SERVER_NAME'])) {

imagejpeg($thumb, $filename, $quality);

// }

imagedestroy($thumb);

imagedestroy($source);

} catch (Exception $ex) {

defulat();

}

}

function defulat() {

$default_img = realpath('media/images/nopic.jpg');

ob_start();

header('Content-type:image/jpeg');

readfile($default_img);

ob_flush();

flush();

}

thumb 函数 可以控制 裁切方式,scale 为等比缩放,不裁切,不够的地方 用白色填充,crop 为裁切,如果要求的宽高比 大于原图宽高比,那么就保持最大显示宽度,居中裁切上下多余部分,如果要求宽高比小于原图宽高比,那么就保持最大高度,居中裁切左右多余部分,总而言之,在保持不变形的前提下 ,把图片缩小,而且最大保留图片的内容.哈哈 这个代码有多叼,试试知道了,,,当然你需要支持rewrite功能和GD2 支持
PHP 相关文章推荐
一个php作的文本留言本的例子(四)
Oct 09 PHP
php 什么是PEAR?(第三篇)
Mar 19 PHP
php设计模式小结
Feb 15 PHP
解析:使用php mongodb扩展时 需要注意的事项
Jun 18 PHP
PHP中4个加速、缓存扩展的区别和选用建议
Mar 12 PHP
php+memcache实现的网站在线人数统计代码
Jul 04 PHP
PHP链接MySQL的常用扩展函数
Oct 23 PHP
PHP截取指定图片大小的方法
Dec 10 PHP
php简单实现快速排序的方法
Apr 04 PHP
wampserver改变默认网站目录的办法
Aug 05 PHP
JS+PHP实现用户输入数字后显示最大的值及所在位置
Jun 19 PHP
PHP实现实时生成并下载超大数据量的EXCEL文件详解
Oct 23 PHP
PHP 抽象方法与抽象类abstract关键字介绍及应用
Oct 16 #PHP
php开启与关闭错误提示适用于没有修改php.ini的权限
Oct 16 #PHP
php实现扫描二维码根据浏览器类型访问不同下载地址
Oct 15 #PHP
ThinkPHP基于PHPExcel导入Excel文件的方法
Oct 15 #PHP
ThinkPHP分页实例
Oct 15 #PHP
PHP中使用Session配合Javascript实现文件上传进度条功能
Oct 15 #PHP
jquery+php+ajax显示上传进度的多图片上传并生成缩略图代码
Oct 15 #PHP
You might like
php中截取中文字符串的代码小结
2011/07/17 PHP
php版微信公众平台接口开发之智能回复开发教程
2016/09/22 PHP
禁止js文件缓存的代码
2010/04/09 Javascript
jQuery实现的立体文字渐变效果
2010/05/17 Javascript
c#和Javascript操作同一json对象的实现代码
2012/01/17 Javascript
js禁止页面使用右键(简单示例代码)
2013/11/13 Javascript
JavaScript基础语法、dom操作树及document对象
2014/12/02 Javascript
js实现遮罩层弹出框的方法
2015/01/15 Javascript
常用DOM整理
2015/06/16 Javascript
js当前页面登录注册框,固定div,底层阴影的实例代码
2016/10/04 Javascript
详解JavaScript模块化开发
2016/12/04 Javascript
JS三目运算(三元运算)方法详解
2017/03/01 Javascript
IScroll那些事_当内容不足时下拉刷新的解决方法
2017/07/18 Javascript
JS实现面向对象继承的5种方式分析
2018/07/21 Javascript
Vue+Element实现表格编辑、删除、以及新增行的最优方法
2019/05/28 Javascript
Node.js API详解之 util模块用法实例分析
2020/05/09 Javascript
在Linux下调试Python代码的各种方法
2015/04/17 Python
在Django中限制已登录用户的访问的方法
2015/07/23 Python
Python内置函数OCT详解
2016/11/09 Python
python用post访问restful服务接口的方法
2018/12/07 Python
python破解bilibili滑动验证码登录功能
2019/09/11 Python
Django与pyecharts结合的实例代码
2020/05/13 Python
Python根据指定文件生成XML的方法
2020/06/29 Python
localStorage 设置过期时间的方法实现
2018/12/21 HTML / CSS
HTML5的结构和语义(3):语义性的块级元素
2008/10/17 HTML / CSS
html5 canvas fillRect坐标和大小的问题解决方法
2014/03/26 HTML / CSS
详解px单位html5响应式方案
2018/03/08 HTML / CSS
澳大利亚小众服装品牌:Maurie & Eve
2018/03/27 全球购物
StubHub中国:购买和出售全球活动门票
2020/01/01 全球购物
什么是跨站脚本攻击
2014/12/11 面试题
趣味比赛活动方案
2014/02/15 职场文书
房产继承公证书
2014/04/09 职场文书
简单租房协议书范本
2014/08/20 职场文书
中韩经贸翻译专业大学生职业生涯规划范文
2014/09/18 职场文书
给领导的感谢信范文
2015/01/23 职场文书
Golang 1.18 多模块Multi-Module工作区模式的新特性
2022/04/11 Golang