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 相关文章推荐
提问的智慧(2)
Oct 09 PHP
对text数据类型不支持代码页转换 从: 1252 到: 936
Apr 23 PHP
PHP中使用crypt()实现用户身份验证的代码
Sep 05 PHP
简单实现限定phpmyadmin访问ip的方法
Mar 05 PHP
PHP链接MySQL的常用扩展函数
Oct 23 PHP
php中socket的用法详解
Oct 24 PHP
PHP字符串比较函数strcmp()和strcasecmp()使用总结
Nov 19 PHP
php限制上传文件类型并保存上传文件的方法
Mar 13 PHP
PHP生成条形码大揭秘
Sep 24 PHP
PHP中读取文件的几个方法总结(推荐)
Jun 03 PHP
PHP+redis实现的悲观锁机制示例
Jun 12 PHP
PDO::errorInfo讲解
Jan 28 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时间不正确的解决方法
2008/04/09 PHP
yii去掉必填项中星号的方法
2015/12/28 PHP
IE与firefox之jquery用法区别
2008/10/03 Javascript
Jquery下判断Id是否存在的代码
2011/01/06 Javascript
js取两个数组的交集|差集|并集|补集|去重示例代码
2013/08/07 Javascript
js实现的折叠导航示例
2013/11/29 Javascript
Javascript中各种trim的实现详细解析
2013/12/10 Javascript
js数组去重的常用方法总结
2014/01/24 Javascript
javascript的解析执行顺序在各个浏览器中的不同
2014/03/17 Javascript
JavaScript实现班级随机点名小应用需求的具体分析
2014/05/12 Javascript
理解javascript封装
2016/02/23 Javascript
BootStrap+Angularjs+NgDialog实现模式对话框
2016/08/24 Javascript
JavaScript与ActionScript3两者的同性与差异性
2016/09/22 Javascript
vue2.0开发实践总结之疑难篇
2016/12/07 Javascript
js实现tab选项卡切换功能
2017/01/13 Javascript
javascript 使用正则test( )第一次是 true,第二次是false
2017/02/22 Javascript
基于input框覆盖掉数字英文的实例讲解
2017/07/21 Javascript
简单的vuex 的使用案例笔记
2018/04/13 Javascript
vuex实现购物车功能
2020/06/28 Javascript
[04:29]2016国际邀请赛中国区预选赛Ehome战队教练采访
2016/06/27 DOTA
[53:23]Secret vs Liquid 2018国际邀请赛淘汰赛BO3 第二场 8.25
2018/08/29 DOTA
[02:16]2018年度CS GO最具人气选手-完美盛典
2018/12/16 DOTA
Python编程实现数学运算求一元二次方程的实根算法示例
2017/04/02 Python
ubuntu安装sublime3并配置python3环境的方法
2018/03/15 Python
对TensorFlow的assign赋值用法详解
2018/07/30 Python
Python实现字典排序、按照list中字典的某个key排序的方法示例
2018/12/18 Python
python双向链表原理与实现方法详解
2019/12/03 Python
Python将二维列表list的数据输出(TXT,Excel)
2020/04/23 Python
keras 如何保存最佳的训练模型
2020/05/25 Python
Python中正则表达式对单个字符,多个字符和匹配边界等使用
2021/01/27 Python
html5 postMessage解决跨域、跨窗口消息传递方案
2016/12/20 HTML / CSS
SKECHERS官方旗舰店:美国舒适运动休闲品牌
2017/12/22 全球购物
供应链金融服务方案
2014/05/25 职场文书
任命书模板
2014/06/04 职场文书
2014乡镇干部纪律作风整顿思想汇报
2014/09/13 职场文书
2014年学校领导班子对照检查材料
2014/09/19 职场文书