Jquery中文网 www.jquerycn.cn
Jquery中文网 >  脚本编程  >  php  >  正文 php结合nginx实现动态裁剪图片

php结合nginx实现动态裁剪图片

发布时间:2018-02-12   编辑:www.jquerycn.cn
本文介绍了php与nginx共同实现动态裁剪图片的方法,使用php中imagick组件实现,有需要的朋友做个参考。

多年前写过一篇关于高性能php图片动态裁剪方案的文章,那文章使用的是nginx cache和rewrite实现的,当然再加上cdn,那个方案存在一个问题就是图片并没有实际生成,而是以二进制的形式存在缓存中。如果缓存失效了那么还需要请求php再次生成。如果说到区别这是我暂且认为的吧。

利用空余时间,新增了静态生成图片支持,支持对图片3种模式切换,在门户网站自动对图片尺寸进行裁剪,减少服务器带宽,理论上应该也满足了业务的需求吧,图片裁剪使用了imagick组件。
一、思路分析:
1、先写好请求服务器生成图片动态脚本,主要就是对图片进行等比缩放计算+裁剪。
2、确定你想要生成的url规则,比如http://www.domain.com/www/300×200-1/test.jpg。
3、对浏览器做缓存处理。
4、结束。

二、动态裁剪php脚本
 

复制代码 代码示例:

<?php
/**
 * author pony_chiang
 * 高性能图像裁剪方案
 * 需要php-imagick扩展
 */
ini_set ( "memory_limit", "80m" );

// 请求地址比如  http://yourdomain.com/resize.php?site=www&width=300&height=200&mode=2&path=uploadfile/helloworld.png
// nginx重写规则  rewrite ^([^\.]*)/s/(.*)/(\d+)x(\d+)-(\d)/(.*) $1/s/resize.php?site=$2&width=$3&height=$4&mode=$5&path=$6 last;

$path = trim ( $_get ['path'] );
$mode = intval ( $_get ['mode'] );
$site = trim ( $_get ['site'] );
$width = intval ( $_get ['width'] );
$height = intval ( $_get ['height'] );

$site_list = array ('www' => '/mnt/webroot/test/' );

$orig_dir = dirname ( __file__ );
if (! array_key_exists ( $site, $site_list )) {
    header ( 'http/1.1 400 bad request' );
    exit ();
}

if ($mode > 3 || $mode < 0) {
    header ( 'http/1.1 400 bad request' );
    exit ();
}

$orig_file = $site_list [$site] . $path;
if (! file_exists ( $orig_file )) {
    header ( 'http/1.1 404 not found' );
    exit ();
}

$file_ext = '.' . pathinfo ( $path, pathinfo_extension );

$file_name = basename ( $path, $file_ext );
$save_path = "{$orig_dir}/{$site}/{$width}x{$height}-{$mode}/{$path}";
$save_dir = dirname ( $save_path );

if (! file_exists ( $save_dir ))
    wpx_mkdir ( $save_dir );

$target_width = $width;
$target_height = $height;

$new_width = $target_width;
$new_height = $target_height;
$image = new imagick ( $orig_file );
list ( $orig_width, $orig_height, $type, $attr ) = getimagesize ( $orig_file );

if ($mode == "0") {
    //等比缩放图像
    $new_height = $orig_height * $new_width / $orig_width;
    if ($new_height > $target_height) {
 $new_width = $orig_width * $target_height / $orig_height;
 $new_height = $target_height;
    }
} else if ($mode == "2") {
    // 放大并裁剪图像
    $desired_aspect = $target_width / $target_height;
    $orig_aspect = $orig_width / $orig_height;

    if ($desired_aspect > $orig_aspect) {
 $trim = $orig_height - ($orig_width / $desired_aspect);
 $image->cropimage ( $orig_width, $orig_height - $trim, 0, $trim / 2 );
 error_log ( "height trim $trim" );
    } else {
 $trim = $orig_width - ($orig_height * $desired_aspect);
 $image->cropimage ( $orig_width - $trim, $orig_height, $trim / 2, 0 );
    }
}

$image->resizeimage ( $new_width, $new_height, imagick::filter_lanczos, 1 );
$image->writeimage ( $save_path );
header ( 'content-type: image/jpeg' );
header ( 'last-modified: ' . gmdate ( 'd, d m y h:i:s' ) . ' gmt' );
echo file_get_contents ( $save_path );
return true;

// 循环生成目录
function wpx_mkdir($dir, $mode = 0777) {
    if (is_dir ( $dir ) || @mkdir ( $dir, $mode ))
 return true;
    if (! wpx_mkdir ( dirname ( $dir ), $mode ))
 return false;
    return @mkdir ( $dir, $mode );
}
 

三、nginx.conf配置
 

复制代码 代码示例:

server {
 listen       80;
 server_name test.yourdomain.com;
 root   /mnt/webroot/test;
 index  index.php;
 expires 30d;

 location /s {
    #只有当没有生成这张图片时才调用动态裁剪
    if (!-e $request_filename) {
      rewrite ^([^\.]*)/s/(.*)/(\d+)x(\d+)-(\d)/(.*) $1/s/resize.php?site=$2&width=$3&height=$4&mode=$5&path=$6 last;
      break;
    }
 }

 error_page   404 403 402 500 502 503 504  /404.html;
 location = /404.html {
 }

 location ~ \.php$ {
     fastcgi_pass   127.0.0.1:9000;
     fastcgi_index  index.php;
     fastcgi_param  script_filename  $document_root$fastcgi_script_name;
     include fastcgi_params;
 }
}

注意,强调下关于浏览器缓存的文章,不管你是否是通过php生成的图片也好,还是使用nginx缓存生成的图片也罢,在php代码中添加一行:
header('last-modified: ' .gmdate('d, d m y h:i:s') . ' gmt' );

对使用cdn将大有帮助。

具体产生的效果就是客户端第一次访问此文件的http状态码是200,刷新后状态码一直都是304了。

您可能感兴趣的文章:
jcrop基本参数一览
基于JQuery实现的图片自动进行缩放和裁剪处理
jQuery图片裁剪插件 Jcrop
js判断屏幕分辨率的小例子
jquery实现鼠标拖动图片效果示例代码
Jquery uploadify图片上传插件无法上传的解决方法
用jquery等比例控制图片宽高的具体实现
nginx配置反向代理的简单示例
jquery实现图片裁剪思路及实现
jQuery图片剪裁插件 Jcrop

关键词: 裁剪图片   
[关闭]