在做自动静态化的时候,突然想到下面这个场景,也给出了解决方法。亲,真的很实用,耐心看下去。
当我从后台上传一个截图之后,480*800的截图之后,当时就没有压缩出320*480的小缩略图。好吧,服务器轮询一下,全部产生出320*480的图片。
那下一次呢,又有160*240的图片了,又轮询吗,费时费力,还不能马上就得到小图。这个时候,我们就要开始抱怨了,怎么要这么多种图片啊,设计师,你就不能老早就想好要哪些图片么?
其实,nginx是一个强大的反向代理服务器,通过它的rewrite模块,我们可以实现自动产生缩略图,也不用轮询数据库了。产品设计,要什么尺寸的,客户端直接通过某种规则访问就是了,我马上就产生给你。
而且,后台上传的时候,只要保存一张最大的图片就ok了。
这样的话,需要其他尺寸的图片,仅仅修改客户端的访问方式即可。
标签:
代码片段(4)
1. [代码]Nginx
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 | #假设,服务器上面有一个文件:abc.jpg,通过http://filefs.domain.com/file/abc.jpg能够访问到原图。其#实一般的,我们在数据库里面也就保存了“/file/abc.jpg”这部分内容。 #现在,我们要实现通过http://filefs.domain.com/file/abc.jpg.w320.jpg由服务器自动产生#abc.jpg.w320.jpg(w320,320px的宽度)这个缩略图。并返回图片数据。 #要满足以下两个条件: # 1.如果abc.jpg.w320.jpg存在,则不重新产生图片 # 2.如果不存在,则在同一次的请求中,返回图片数据,和保存图片文件到服务器。 server { listen 80; server_name filefs.domain.com; root /var/www/http/filefs.domain.com; location / { index index.html index.htm; } location ~ \.(png|jpg|jpeg|gif)$ { #如果文件不存在,则rewrite到产生图片的脚本文件autoimg.php if (!-f $request_filename) { rewrite ^/.*$ /autoimg.php; expires max; } #如果文件存在,则设置过期时间,关闭访问日志 if ( -f $request_filename ) { expires max; access_log off; } } error_page 500 502 503 504 /50x.html; location = /50x.html { root /usr/share/nginx/html; } location ~ autoimg.php$ {#安全性考虑,文件服务器,只这个脚本文件的范围提交给php处理 fastcgi_pass 127.0.0.1:9000; fastcgi_index index.php; fastcgi_param SCRIPT_FILENAME /var/www/http/filefs.domain.com$fastcgi_script_name; include /usr/local/nginx/conf/fastcgi_params; } } |
2. [代码]php产生图片文件
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 | <?php $file = $_SERVER [ 'REQUEST_URI' ]; //请求字串 /file/abc.jpg.w320.jpg $desfile = $_SERVER [ 'DOCUMENT_ROOT' ] . $file ; //目标目标路径 /var/www/http/file/abc.jpg.w320.jpg $dirname = dirname ( $desfile ) . "/" ; $filename = basename ( $desfile ); if (preg_match ( "/([^\.]+\.(png|jpg|jpeg|gif))\.w([\d]+)\.(jpg)/i" , $filename , $m )) { $srcfile = $dirname . $m [1]; $width = $m [3]; //匹配出输出文件宽度 if (in_array ( $width , array ( //只产生202和320宽度的文件 202, 320 ) ) && file_exists ( $srcfile )) { //而且文件不存在 thumbnail ( $srcfile , $desfile , $width ); } } /** * 生成缩略图 * * @param 源 $src * @param 缩放后的宽带 $width * */ function thumbnail( $src , $des , $width ) { ob_start (); //开始截获输出流 $imageinfos = getimagesize ( $src ); $ext = strtolower ( pathinfo ( $src , 4 ) ); if ( $imageinfos [2] == 1) { $im = imagecreatefromgif ( $src ); } elseif ( $imageinfos [2] == 2) { $im = imagecreatefromjpeg ( $src ); } elseif ( $imageinfos [2] == 3) { $im = imagecreatefrompng ( $src ); } if (isset ( $im )) { $height = $imageinfos [1] * $width / $imageinfos [0]; $dst_img = ImageCreateTrueColor ( $width , $height ); imagesavealpha ( $dst_img , true ); $trans_colour = imagecolorallocatealpha ( $dst_img , 0, 0, 0, 127 ); imagefill ( $dst_img , 0, 0, $trans_colour ); imagecopyresampled ( $dst_img , $im , 0, 0, 0, 0, $width , $height , $imageinfos [0], $imageinfos [1] ); header ( 'content-type:image/jpg' ); imagejpeg ( $dst_img , null, 90 ); //输出文件流,90--压缩质量,100表示最高质量。 @imagedestroy ( $im ); @imagedestroy ( $dst_img ); } else { echo @ file_get_contents ( $src ); } $content = ob_get_contents (); //获取输出流 ob_end_flush (); //输出流到网页,保证第一次请求也有图片数据放回 @ file_put_contents ( $des , $content ); //保存文件 } ?> |
3. [图片] QQ截图20120606104850.png
4. [图片] QQ截图20120606104908.png
举报
开源中国-程序员在线工具:
引用来自“wwwxxxfr”的评论
引用来自“SimonXia”的评论
引用来自“wwwxxxfr”的评论
引用来自“蚂蚁浩”的评论
引用来自“wooops”的评论
引用来自“蚂蚁浩”的评论