博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Nginx缩略图和Fastdfs整合以及image_filter配置,7点经验结论和5个参考资料
阅读量:5302 次
发布时间:2019-06-14

本文共 3938 字,大约阅读时间需要 13 分钟。

以下是7点经验结论和5个参考资料
1.Nginx单独配置缩略图与Nginx和Fastdfs模块整合,配置是不一样的。
  非整合模式的配置,类似这样的:
  location ~* /(\d+)\.(jpg)$ {
set $h $arg_h;   # 获取参数h的值
set $w $arg_w; # 获取参数w的值
#image_filter crop $h $w;
image_filter resize $h $w; # 根据给定的长宽生成缩略图
}
 
location ~* /(\d+)_(\d+)x(\d+)\.(jpg)$ {
if ( -e $document_root/$1.$4 ) { # 判断原图是否存在
     rewrite /(\d+)_(\d+)x(\d+)\.(jpg)$ /$1.$4?h=$2&w=$3 last;
    }
return 404;
}
  整合模式的配置,类似这样的:
  location ~ group1/M00/(.+)\.?(.+){
             alias /home/fastdata/data;
             ngx_fastdfs_module;
        }
  Fastdfs的URL比较特殊,group1/M00,自己的实践体会是,不能随便改名字。
2.缩略图的配置其实很简单,难在缩略图和非缩略图共存。
  location ~ group1/M00/(.+)\.?(.+){
             alias /home/fastdata/data;
             ngx_fastdfs_module;
image_filter resize 10 10;
   }
   
3.亲自实践的不可行的方案,或者说最终搞不定的方案。
访问原图的URL
http://ip/a.img
访问缩略图的URL
http://ip/a.img?w=10&h=10
数据库存的是“a.img”,我希望如果想要获得缩略图,直接在后面增加url参数,w和h。
因此,我尝试的Nginx配置:
location  ~ /group1/a/M00(.*).jpg {
 49          root /home/fdfsdata/data;
 50          ngx_fastdfs_module;
 60          if ($w != ""){
 61           # rewrite /group1/M00 /image/resize$request_uri;
 62          }
 63       }
 64 
 69      
 91      location ~ /image/resize/group1/M00 {
 92         #set $h 100;   
 93         #set $w $arg_w;  
 94         #rewrite ^/image/resize http://baidu.com?$request_uri-$document_uri-$query_string-$uri;
 95 #        rewrite /image/resize/group1/M00 http://baidu.com?request_uri=$request_uri;
 96        root /home/fdfsdata/data;
 97          ngx_fastdfs_module;
 98         #image_filter test;
 99         #image_filter size;
100        # image_filter off;
101         image_filter resize 100 100;
102      }
以上只代表了思路,不是“原貌”。
大致的意思,就是
a.拦截图片,如果宽度w不为空,就rewrite重定向到“/image/resize/group1/M00”,
让第2个配置,执行 image_filter resize 100 100,获得缩略图。
b.如果w为空,直接获得原图。
总是报400,415之类的错误。
最初为了获得,重定向的url,试了很多方法。
rewrite /group1/M00 /image/resize$request_uri;
最后探索出,上述方式是比较好的。
但是,最后发现Fastdfs的路径,不能随便改,修改了,容易出现400、404,或415.
为了探索url中的一些参数,比如$1,$request_uri等,网上看了一些资料,知道了大致的意思。
在参考别人的之前,我想到了一种方法,
rewrite ^/image/resize http://baidu.com?$request_uri-$document_uri-$query_string-$uri;
重定向到一个明确的页面,比如百度的首页,把参数放到?之后,然后在浏览器的地址栏就可以看到了。
尝试使用了echo命令,Nginx不可识别。
网上找到了,Nginx有echo模块,大概是说,安装了echo模块,方便在Nginx用echo输出变量,方便调试。
4.if ($w != "")。
Nginx的if语句,左右貌似需要空格~
坑~
5.nginx之location配置
http://blog.csdn.net/hellochenlian/article/details/44655547
  值得好好学习下
  没有系统学习Nginx,感觉很多时候,比较吃亏。
  我打算2016年认真学习Nginx,买本好书,系统地学习下。
  一点点地学,很累,记不住~
  
6.其实,不一定要非要用Nginx的image_filter模块实现缩略图。
也可以用程序控制,比如上传图片的时候,实时生成多种尺寸的图片,存到Fastdfs。
优点和缺点,还是经典的“时间”和“空间”问题。
7.最终可行Nginx配置
location ~ /group1/M00/(.*)_([0-9]+)x([0-9]+)\.jpg{
 71          root /home/fdfsdata/data;
 72          ngx_fastdfs_module;
 73          set $w $2;
 74          set $h $3;
 75  #           if ($h != "0") {
 76                #      rewrite /group1/M00/(.+)_(\d+)x(\d+)\.(jpg|gif|png)$ /group1/M00/$1.$4 last;
 77 #                rewrite group1/M00(.+)_(\d+)x(\d+)\.(jpg|gif|png)$ group1/M00$1.$4 break;
 78   #          } 
 79             if ($w != "0") {
 80                    rewrite /group1/M00/(.+)_(\d+)x(\d+)\.(jpg|gif|png)$ /group1/M00/$1.$4 break;
 81             }
 82             image_filter resize $w $h;
 83             image_filter_buffer 2M;
 84       }
 85 
 86    location ~ group1/M00/(.+)\.?(.+){
 87            alias /home/fastdata/data;
 88            ngx_fastdfs_module;
 89    }
 需要注意,用的小写的“x”。
 
 访问举例:
 获得原图
 http://42.96.184.84:8080/group1/M00/00/00/KmC4VFY7GsiATWTJAAA3vrrOOWM943.jpg
 缩略图1

 http://42.96.184.84:8080/group1/M00/00/00/KmC4VFY7GsiATWTJAAA3vrrOOWM943_100x30.jpg

 
 缩略图2
 http://42.96.184.84:8080/group1/M00/00/00/KmC4VFY7GsiATWTJAAA3vrrOOWM943_150x50.jpg
 
 没有搞成功的,最初尝试的方案
 http://42.96.184.84:8080/group1/M00/00/00/KmC4VFY7GsiATWTJAAA3vrrOOWM943.jpg?w=10&h=10
 
 数据库存的URL:group1/M00/00/00/KmC4VFY7GsiATWTJAAA3vrrOOWM943.jpg
 如果要按照KmC4VFY7GsiATWTJAAA3vrrOOWM943_150x50.jpg展示,需要获得文件名,修改,加上指定的宽度和高度
 _150x50.
 
8.参考资料
    FastDFS组合nginx的http_image_filter_module建立的图片服务器(最关键,可行方法,在帖子的最后面)
http://bbs.chinaunix.net/thread-4058548-1-1.html
nginx生成缩略图配置 – ttlsa教程系列之nginx(参考)
    http://www.ttlsa.com/nginx/nginx-modules-image_filter_module/   
Nginx国人开发缩略图模块(ngx_image_thumb)(参考,和上面的类似)
http://www.ttlsa.com/nginx/nginx-modules-ngx_image_thumb/
Nginx图片剪裁模块探究 http_image_filter_module
    http://cwtea.blog.51cto.com/4500217/1333142
nginx之location配置
http://blog.csdn.net/hellochenlian/article/details/44655547

转载于:https://www.cnblogs.com/qitian1/p/6462612.html

你可能感兴趣的文章
php libevent 定时器,PHP 使用pcntl和libevent实现Timer功能
查看>>
php仿阿里巴巴,php实现的仿阿里巴巴实现同类产品翻页
查看>>
Node 中异常收集与监控
查看>>
七丶Python字典
查看>>
Excel-基本操作
查看>>
面对问题,如何去分析?(分析套路)
查看>>
Excel-逻辑函数
查看>>
面对问题,如何去分析?(日报问题)
查看>>
数据分析-业务知识
查看>>
nodejs vs python
查看>>
poj-1410 Intersection
查看>>
Java多线程基础(一)
查看>>
TCP粘包拆包问题
查看>>
Java中Runnable和Thread的区别
查看>>
SQL Server中利用正则表达式替换字符串
查看>>
POJ 1015 Jury Compromise(双塔dp)
查看>>
论三星输入法的好坏
查看>>
Linux 终端连接工具 XShell v6.0.01 企业便携版
查看>>
JS写一个简单日历
查看>>
LCA的两种求法
查看>>