在做自动静态化的时候,突然想到下面这个场景,也给出了解决方法。亲,真的很实用,耐心看下去。
当我从后台上传一个截图之后,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
);
//保存文件
}
?>
|
举报
开源中国-程序员在线工具:Git代码托管 API文档大全(120+) JS在线编辑演示 二维码 更多»
引用来自“wwwxxxfr”的评论
引用来自“SimonXia”的评论
引用来自“wwwxxxfr”的评论
引用来自“蚂蚁浩”的评论
引用来自“wooops”的评论
引用来自“蚂蚁浩”的评论