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、请求.

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

4、不存在那么跳转到;

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

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

7、并且返回图片给用户

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

以上所述是小编给大家介绍的Nginx生成缩略图并存储到硬盘上的相关知识,希望对大家有所帮助!

参与评论