zoukankan      html  css  js  c++  java
  • Nginx缩略图和Fastdfs整合以及image_filter配置,7点经验结论和5个参考资料



    以下是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


  • 相关阅读:
    HDU2546(01背包)
    HDU4283(KB22-G)
    POJ1651(KB-E)
    POJ2955(KB22-C 区间DP)
    POJ3264(KB7-G RMQ)
    POJ3468(KB7-C 线段树)
    POJ3616(KB12-R dp)
    Ubuntu16.04安装opencv for python/c++
    华中农业大学第五届程序设计大赛网络同步赛-L
    华中农业大学第五届程序设计大赛网络同步赛-K
  • 原文地址:https://www.cnblogs.com/qitian1/p/6462611.html
Copyright © 2011-2022 走看看