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

 更新时间:2016年03月16日 13:46:46   作者:027ryan  
这篇文章主要介绍了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生成缩略图到硬盘上的功能到这里就结束了

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

相关文章

  • Linux服务器下nginx的安全配置详解

    Linux服务器下nginx的安全配置详解

    本篇文章主要介绍了Linux服务器下nginx的安全配置详解,Nginx在很多高流量网站上得到了应用,有需要的朋友可了解一下。
    2016-10-10
  • Nginx设置日志打印post请求参数的方法

    Nginx设置日志打印post请求参数的方法

    这篇文章主要介绍了Nginx设置日志打印post请求参数的方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-11-11
  • fastdfs+nginx集群搭建的实现

    fastdfs+nginx集群搭建的实现

    这篇文章主要介绍了fastdfs+nginx集群搭建的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-10-10
  • 详解Nginx反向代理和负载均衡部署指南

    详解Nginx反向代理和负载均衡部署指南

    本篇文章主要介绍了Nginx反向代理和负载均衡部署指南 ,具有一定的参考价值,对学习Nginx的同学有一定的帮助,感兴趣的同学可以了解一下。
    2016-12-12
  • Nginx服务快速入门教程

    Nginx服务快速入门教程

    这篇文章主要介绍了Nginx服务快速入门教程的的相关资料,帮助大家更好的理解和使用nginx,感兴趣的朋友可以了解下
    2021-02-02
  • docker镜像导入导出备份迁移的操作

    docker镜像导入导出备份迁移的操作

    这篇文章主要介绍了docker镜像导入导出备份迁移操作,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2020-11-11
  • Nginx正反向代理及负载均衡等功能实现配置代码实例

    Nginx正反向代理及负载均衡等功能实现配置代码实例

    这篇文章主要介绍了Nginx正反向代理及负载均衡等功能实现配置代码实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-11-11
  • 详解nginx 301跳转到带www域名方法

    详解nginx 301跳转到带www域名方法

    这篇文章主要介绍了详解nginx 301跳转到带www域名方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-08-08
  • 为Nginx服务器配置黑名单或白名单功能的防火墙

    为Nginx服务器配置黑名单或白名单功能的防火墙

    这篇文章主要介绍了为Nginx服务器配置黑名单或白名单功能的防火墙的方法,文中还附带介绍了一个基于lua的第三方防火墙模块,需要的朋友可以参考下
    2016-01-01
  • 详解nginx websocket配置

    详解nginx websocket配置

    这篇文章主要介绍了详解nginx websocket配置,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-08-08

最新评论