Nginx生成缩略图并存储到硬盘上

时间：2021-11-28 11:30:46|栏目：Nginx|点击：次

现在随着各终端的出现(手机，ipad等平板),以及各种终端的手机分辨率和尺寸都不同，现在手机用户流量都是宝,网上出现了各种各样的生成缩略图功能的架构，有使用php实时生成缩略图的，也有用nginx + lua实现的，上节我也讲到了使用nginx生成缩略图，但是用户每次访问都需要生成一次，会给cpu和硬盘带来比较大的压力，今天带来了另外一种方式，这次使用nginx将原图生成缩略图到硬盘上.看我的配置

1、首先创建好cache目录

[root@masterserver ~]# mkdir -p /data/stie_cache 
[root@masterserver ~]#

2、修改nginx配置，增加如下内容

location ~* ^/resize {
root /data/site_cache/$server_name;
set $width 150;
set $height 100;
set $dimens "";
if ($uri ~* "^/resize_(\d+)x(\d+)/(.*)" ) {
set $width $1;
set $height $2;
set $image_path $3;
set $demins "_$1x$2";
}
if ($uri ~* "^/resize/(.*)" ) {
set $image_path $1;
}
set $image_uri image_resize/$image_path?width=$width&height=$height;
if (!-f $request_filename) {
proxy_pass http://127.0.0.1/$image_uri;
break;
}
proxy_store /data/site_cache/$server_name/resize$demins/$image_path;
proxy_store_access user:rw group:rw all:r;
proxy_set_header Host $host;
expires 30d;
access_log off;
}
location /image_resize {
alias /data/site/$server_name/;
image_filter resize $arg_width $arg_height;
image_filter_jpeg_quality 75;
access_log off;
}

完整的nginx配置文件如下:

[root@masterserver conf]# cat nginx.conf
worker_processes 1;
events {
worker_connections 1024;
}
http {
include mime.types;
default_type application/octet-stream;
sendfile on;
keepalive_timeout 65;
server {
listen 80;
server_name localhost;
location / {
root html;
index index.html index.htm;
image on;
image_output on;
}
location ~* ^/resize {
root /data/site_cache/$server_name;
set $width 150;
set $height 100;
set $dimens "";
if ($uri ~* "^/resize_(\d+)x(\d+)/(.*)" ) {
set $width $1;
set $height $2;
set $image_path $3;
set $demins "_$1x$2";
}
if ($uri ~* "^/resize/(.*)" ) {
set $image_path $1;
}
set $image_uri image_resize/$image_path?width=$width&height=$height;
if (!-f $request_filename) {
proxy_pass http://127.0.0.1/$image_uri;
break;
}
proxy_store /data/site_cache/$server_name/resize$demins/$image_path;
proxy_store_access user:rw group:rw all:r;
proxy_set_header Host $host;
expires 30d;
access_log off;
}
location /image_resize {
alias /data/site/$server_name/;
image_filter resize $arg_width $arg_height;
image_filter_jpeg_quality 75;
access_log off;
}
error_page 500 502 503 504 /50x.html;
location = /50x.html {
root html;
}
}
}
[root@masterserver conf]#

提示:

nginx编译的时候要添加参数--with-http_image_filter_module，保险起见将模块ngx_image_thumb-master也带上，所以最终nginx编译参数为:

./configure --add-module=../ngx_image_thumb-master/ --with-http_image_filter_module

生成缩略图流程如下：

1、原图在http://10.0.0.10/image/1.jpg。我需要一份100x100的缩略图。

2、请求http://10.0.0.10/resize_100x100/image/1.jpg.

3、这个请求进入了location ~* ^/resize,接着判断image_path这个目录下是否存在这张图片,如果存在直接放回给用户,

4、不存在那么跳转到http://10.0.0.10/image_resize/image/1.jpg?width=100&height=100;

5、location /image_resize根据传入的width和height执行缩略功能,并且设置图像质量为75

6、接着生成文件到/data/site_cache/10.0.0.10/resize_100x100/image/1.jpg

7、并且返回图片给用户

8、nginx生成缩略图到硬盘上的功能到这里就结束了