nginx配置image_filter生成缩略图

最近有个需求，客户端向服务器请求图片时，可以带get参数请求想要的缩略图，例如http://www.xxxxx.com/Upload/img//1de23275134663.jpg?size=100x100;

刚开始想法是用php的图片类来处理，在客服端请求图片时，nginx上用正则判断url是否请求缩略图的形式，如果是则rewrite到接口去处理生成缩略图；

后来在谷歌看了一些相关文档后，其实可以用nginx的的 image_filter模块来处理；如果nginx上没有安装该模块的，可以谷歌看下攻略进行安装。

首先要做的是用正则去匹配url为图片请求的并带有缩略图参数的才能走进区间。

第一个注意的是由于location只匹配URI，不可以匹配get参数，所以？号就不能匹配了，就把？换成！，这样才能精准的去匹配，也就是客户端请求的url要为：

http://www.xxxxx.com/Upload/img//1de23275134663.jpg!size=100x100;

第二个注意的是Nginx不支持在if {}这个 block 里面用image_filter函数，image_filter 的第一个参数resize/crop也不能用变量的方式传输。

由于这条请求的文件是不存在的，所以需要处理后proxy到本机网址127.0.0.1 rewrite到正常请求url，所以需要在配置文件增加：

server {

    listen 127.0.0.1:80;

    server_name 127.0.0.1;   

# 正则匹配    location

~* ^(.*\.(?:jpg|gif|png|jpeg|bmp))!{

# 重写到正常的图片url      rewrite

^(.*\.(?:jpg|gif|png))! $1;

    }

}

image_filter具体配置如下：

# 正则匹配

location ~* \.(?:jpg|gif|png|jpeg|bmp)!size=(.*)$ {

　　　　# 设置变量来装$1

      set$img_arg $1;

      if($img_arg ~"^(\d+)x(\d+)") {

          set$img_width $1;

          set$img_height $2;

        }

        if($img_arg ~"^(\d+)$") {

          set$img_width $1;

          set$img_height"-";

        }

        if($img_arg ~"^x(\d+)") {

          set$img_width"-";

          set$img_height $1;

        }

        proxy_pass http://127.0.0.1:80;

# 宽度与高度想使用图片原有参数，可设置为“-”        image_filter crop $img_width $img_height;

    }

基本配置已经完成，需要设置cache的可以通过参数去设置；有什么不足之处请各位大神指教，好了，电脑得还给包工头了，我得搬砖去了。

参考文章：

1.http://nginx.org/en/docs/http/ngx_http_image_filter_module.html

2.https://www.centos.bz/2017/03/using-nginx-image_filter-resize-images/

3.http://www.dnsdizhi.com/post-252.html