文档章节

tengine+lua实现时时在线图片缩放,剪切。

epiclight
 epiclight
发布于 2015/06/07 11:07
字数 2436
阅读 368
收藏 1

tengine+lua实现时时在线图片缩放,剪切。

Posted on 18 , 九月 2012 in 未分类 author: Syang

tenginx+lua+shell(conver)+其实也是nginx+lua,因为项目的需求变化,包括界面改版的变化,以至于每一版本的图片尺寸不定,所以不可能保存不同尺寸的版本。所以只能在线根据需求,由服务器来自动处理。

第一版我是使用了nginx+phpfpm,实现起来非常easy,但是稳定性方面不佳,

第二版换成了lua,效果还不错,由于lua本身没有对图片处理的模块(可能有第三方的,不过我还没有深入研究),所以lua是调用shell脚本实现的(当然在调用shell脚本时,程序会blocking,性能有些影响),稳定性增加。>

首先,我们定了一些生成的规则, 生成参数,是放在主文件名的后面

例如,http://pic.yiibook.com/example.jpg这个是源图片

那么在调用缩略图时,使用http://pic.yiibook.com/example!200×100.jpg 就会生成一张以源图为基础的200宽100高的图片 !200×100就是具体的参数

ok,下面说一下我定义的参数,有几种情况,具体是根据业务上面的需求,而自行调用的

1.固定尺寸缩放

!200×100 将源图缩放为宽200x高100

!200 将源图缩放为宽200x高200

!200×100-50 将源图缩放为宽200x高100 并且图片质量为50 (这个是为了给手机端使用的,因为手机端可能需要图片的size更小一些

!200-50 将源图缩放为宽200x高200 并且图片质量为50

这个参数会将源图强制缩放到这个尺寸,所以可能会有所变形

2.等比缩放

:w200 将源图以宽为准200,开始缩放,(意思是,强制将源图的宽缩到200,高不管,那么这个图是一个与源图比例相同的,不会变型

:h200 将源图以高为准200,开始缩放, 意思与上面类似

:m200 将源图以(宽,高那个值大,以哪个为准,进行缩放,比如源图是300×400,那就会以高为准,先将高缩到200),但是如果宽高都没有达到,而不处理

同时也支持 :w200-50 :h200-50 :m200-50 的图片质量

3.中心剪辑

@200×300 将源图以(宽,高那个值小,以哪个为准,进行缩放,并在缩放后的图片,以另一边中间点(就是正中间,进行剪辑)

@200×300-50 同时支持图片质量

暂时我的程序就支持这三种参数格式,

OK,下面看一下nginx配置

    server
    {
           listen       80;

           server_name  pic.yiibook.com;

           #access_log  logs/pic.access.log  main;

           root   /var/www/pic;

           location / {
               index index.html;
           }

           #宽,高 像素
           location ~ (.*)!(\d+)x(\d+).(gif|jpg|jpeg|png)$  {
               root   /var/file/thumb/picture;

               #bucketname = picture
               set $bucketname picture;
               #原图片路径
               set $srcPath /var/file/$bucketname;
               #目录图片路径
               set $destPath /var/file/thumb/$bucketname;

               #处理类型
               set $type 1;

               if (!-f $request_filename) {
                   rewrite_by_lua_file conf/lua/picture_image_thumb.lua;
               }
               expires 30d;
           }

           #宽,高 像素 质量
           location ~ (.*)!(\d+)x(\d+)-(\d+).(gif|jpg|jpeg|png)$  {
               root   /var/file/thumb/picture;

               #bucketname = picture
               set $bucketname picture;
               #原图片路径
               set $srcPath /var/file/$bucketname;
               #目录图片路径
               set $destPath /var/file/thumb/$bucketname;

               #处理类型
               set $type 2;

               if (!-f $request_filename) {
                   rewrite_by_lua_file conf/lua/picture_image_thumb.lua;
               }
               expires 30d;
           }

           #宽高相等
           location ~ (.*)!(\d+).(gif|jpg|jpeg|png)$  {
               root   /var/file/thumb/picture;

               #bucketname = picture
               set $bucketname picture;
               #原图片路径
               set $srcPath /var/file/$bucketname;
               #目录图片路径
               set $destPath /var/file/thumb/$bucketname;

               #处理类型
               set $type 3;

               if (!-f $request_filename) {
                   rewrite_by_lua_file conf/lua/picture_image_thumb.lua;
               }
               expires 30d;
           }
                      #宽高相等质量
           location ~ (.*)!(\d+)-(\d+).(gif|jpg|jpeg|png)$  {
               root   /var/file/thumb/picture;

               #bucketname = picture
               set $bucketname picture;
               #原图片路径
               set $srcPath /var/file/$bucketname;
               #目录图片路径
               set $destPath /var/file/thumb/$bucketname;

               #处理类型
               set $type 4;

               if (!-f $request_filename) {
                   rewrite_by_lua_file conf/lua/picture_image_thumb.lua;
               }
               expires 30d;
           }

           #宽,高 像素等比
           location ~ (.*):(w|h|m)(\d+).(gif|jpg|jpeg|png)$  {
               root   /var/file/thumb/picture;

               #bucketname = picture
               set $bucketname picture;
               #原图片路径
               set $srcPath /var/file/$bucketname;
               #目录图片路径
               set $destPath /var/file/thumb/$bucketname;

               #处理类型
               set $type 5;

               if (!-f $request_filename) {
                   rewrite_by_lua_file conf/lua/picture_image_thumb.lua;
               }
               expires 30d;
           }
           
           #宽,高 像素等比 质量
           location ~ (.*):(w|h|m)(\d+)-(\d+).(gif|jpg|jpeg|png)$  {
               root   /var/file/thumb/picture;

               #bucketname = picture
               set $bucketname picture;
               #原图片路径
               set $srcPath /var/file/$bucketname;
               #目录图片路径
               set $destPath /var/file/thumb/$bucketname;

               #处理类型
               set $type 6;

               if (!-f $request_filename) {
                   rewrite_by_lua_file conf/lua/picture_image_thumb.lua;
               }

               expires 30d;
           }

           #宽,高 CUT
           location ~ (.*)\@(\d+)x(\d+).(gif|jpg|jpeg|png)$  {
               root   /var/file/thumb/picture;

               #bucketname = picture
               set $bucketname picture;
               #原图片路径
               set $srcPath /var/file/$bucketname;
               #目录图片路径
               set $destPath /var/file/thumb/$bucketname;

               #处理类型
               set $type 7;

               if (!-f $request_filename) {
                   rewrite_by_lua_file conf/lua/picture_image_thumb.lua;
               }

               expires 30d;
           }
           
           #宽,高 CUT 质量
           location ~ (.*)\@(\d+)x(\d+)-(\d+).(gif|jpg|jpeg|png)$  {
               root   /var/file/thumb/picture;

               #bucketname = picture
               set $bucketname picture;
               #原图片路径
               set $srcPath /var/file/$bucketname;
               #目录图片路径
               set $destPath /var/file/thumb/$bucketname;

               #处理类型
               set $type 8;

               if (!-f $request_filename) {
                   rewrite_by_lua_file conf/lua/picture_image_thumb.lua;
               }

               expires 30d;
           }

           location ~ .*.(gif|jpg|jpeg|png|bmp|swf|css|js|html)$ {
               expires 30d;
           }

           error_page   500 502 503 504  /50x.html;
           location = /50x.html {
               root   html;
           }
     }

配置文件有些长,主要是匹配参数的规制,如果缩略图存在,就不生成了,大约有8个规则匹配,上面的set $type 8会传给lua进行处理

如果你是初次进行nginx+lua编程,建议使用file,如rewrite_by_lua_file,不要直接在nginx的配置文件中写lua代码,因为单引,双引的问题,会出现很诡异的问题

下面我们再看一下picture_image_thumb.lua的代码

local wh = {
        {'w',170},
        {'w',200},
        {'w',224},
        {'w',365},
        {'w',150},
        {'w',237},
        {'w',420},
        {'w',450},
        {'h',32},
        {'m',600},
}

-- 定义可缩放尺寸
local xy = {
        {132,123},
        {404,250},
        {239,192},
        {415,353},
        {157,124},

        {210,131},
        {150,100},
        {110,80},
        {200,150},

        {110,110},
        {345,230},
        {164,105},
        {231,73},
}

local qualitys = {10,20,30,40,50,60,70,80,90,100}

-- 匹配模式
-- 宽, 高,
if ngx.var.type == string.format('%d', 1) and string.find(ngx.var.uri, '(.*)!(%d+)x(%d+)%.(%w+)') then
        _, _, uriName, width, height, extName = string.find(ngx.var.uri, '(.*)!(%d+)x(%d+)%.(%w+)')

        size = "!" .. width .. "x" .. height
        srcFile = ngx.var.srcPath .. uriName .. "." .. extName

-- 宽, 高, 质量
elseif ngx.var.type == string.format('%d', 2)  and string.find(ngx.var.uri, '(.*)!(%d+)x(%d+)-(%d+)%.(%w+)') then
        _, _, uriName, width, height, quality, extName = string.find(ngx.var.uri, '(.*)!(%d+)x(%d+)-(%d+)%.(%w+)')

        size = "!" .. width .. "x" .. height .. '-' .. quality
        srcFile = ngx.var.srcPath .. uriName .. "." .. extName

-- 宽高相等
elseif ngx.var.type == string.format('%d', 3)  and string.find(ngx.var.uri, '(.*)!(%d+)%.(%w+)') then
        _, _, uriName, width, extName = string.find(ngx.var.uri, '(.*)!(%d+)%.(%w+)')
        size = "!" .. width
        height = width
        srcFile = ngx.var.srcPath .. uriName .. "." .. extName

-- 宽高相等, 质量
elseif ngx.var.type == string.format('%d', 4)  and string.find(ngx.var.uri, '(.*)!(%d+)-(%d+)%.(%w+)') then
        _, _, uriName, width, quality, extName = string.find(ngx.var.uri, '(.*)!(%d+)-(%d+)%.(%w+)')

        size = "!" .. width .. '-' .. quality
        height = width
        srcFile = ngx.var.srcPath .. uriName .. "." .. extName

-- 宽,高 等比
elseif ngx.var.type == string.format('%d', 5)  and string.find(ngx.var.uri, '(.*):([whm])(%d+)%.(%w+)') then
        _, _, uriName, sidetype, num, extName = string.find(ngx.var.uri, '(.*):([whm])(%d+)%.(%w+)')

        size = ":" .. sidetype .. num
        srcFile = ngx.var.srcPath .. uriName .. "." .. extName

-- 宽,高 等比, 质量
elseif ngx.var.type == string.format('%d', 6)  and string.find(ngx.var.uri, '(.*):([whm])(%d+)-(%d+).(%w+)') then
        _, _, uriName, sidetype, num, quality, extName = string.find(ngx.var.uri, '(.*):([whm])(%d+)-(%d+)%.(%w+)')
        size = ":" .. sidetype .. num ..  '-' .. quality
        srcFile = ngx.var.srcPath .. uriName .. "." .. extName

-- 宽,高 CUT
elseif ngx.var.type == string.format('%d', 7)  and string.find(ngx.var.uri, '(.*)@(%d+)x(%d+)%.(%w+)') then
        _, _, uriName, width, height, extName = string.find(ngx.var.uri, '(.*)@(%d+)x(%d+)%.(%w+)')
        size = "@" .. width .. "x" .. height
        srcFile = ngx.var.srcPath .. uriName .. "." .. extName

elseif ngx.var.type == string.format('%d', 8)  and string.find(ngx.var.uri, '(.*)@(%d+)x(%d+)-(%d+)%.(%w+)') then
        _, _, uriName, width, height, quality, extName = string.find(ngx.var.uri, '(.*)@(%d+)x(%d+)-(%d+)%.(%w+)')
        size = "@" .. width .. "x" .. height .. '-' .. quality
        srcFile = ngx.var.srcPath .. uriName .. "." .. extName
end

if quality ~= nil then
        -- 检测图片质量是否在范围内
        local qualityfound = 0
        for i=1, #qualitys do
                local q = qualitys[i]
                if string.format('%d', q) == string.format('%d', quality) then
                        qualityfound = 1
                        break;
                end
        end

        if  qualityfound == 0 then
                ngx.req.set_uri(ngx.var.uri, true)
        end
end

-- 等比
if sidetype ~= nil then
        local sidetypefound=0
        local i = 1
        for i=1, #wh do
                local t = wh[i][1]
                local n = wh[i][2]
                if string.format('%s', t) == sidetype and string.format('%d', n) == num then
                        sidetypefound = 1
                        break;
                end
        end

        if  sidetypefound == 0 then
                ngx.req.set_uri(ngx.var.uri, true)
        end
else


        local found=0
        local i = 1
        for i=1, #xy do
                local x = xy[i][1]
                local y = xy[i][2]
                if string.format('%d', x) == width and string.format('%d', y) == height then
                        found = 1
                        break;
                end
        end

        if found == 0 then
        -- 显示文件
        ngx.req.set_uri(ngx.var.uri, true)
    end
end

local i = 0
local last = 0
while true do
    i = string.find(uriName,'/',i+1)
    if i == nil then break end
    last = i
end

-- 文件路径
local uriPath = string.sub(uriName, 1, last)
-- 主文件名
local mainFilename = string.sub(uriName, last+1)

-- 创建目录
local dircmd = '/bin/mkdir -p ' .. ngx.var.destPath .. uriPath
os.execute(dircmd)

-- 创建文件
local command = '/opt/scripts/makeImage.sh \\' .. size .. ' ' .. srcFile .. ' ' .. ngx.var.destPath .. uriName .. '\\' .. size .. '.' .. extName
os.execute(command)

-- 显示文件
ngx.req.set_uri(ngx.var.uri, true)

lua文件主要是进行参数的验证,具体处理图片,都交给了shell脚本,因为如果不限制宽度,那么会被攻击,产生没有必要的图片,浪费服务器资源。

下面我们看一下makeImage.sh脚本,脚本调用了conver和identify命令,请自行安装imagemagick

#/bin/sh
CONVERT=/usr/bin/convert
IDENTIFY=/usr/bin/identify
DEFAULTQUALITY=70

make1 () {
        T=`echo "$1" | cut -b2- | cut -d- -f1`
        Q=`echo "$1" | cut -b2- | cut -d- -f2`
        if [ "$Q" == "$T" ]; then
                Q=$DEFAULTQUALITY
        fi

        W=`echo "$T" | cut -dx -f1`
        H=`echo "$T" | cut -dx -f2`
        $CONVERT $2 -resize $W\!x$H! -quality $Q $3
}

make2 () {
        #是宽还是高或才是m
        C=`echo "$1" | cut -b2`
        #像素
        T=`echo "$1" | cut -b3- | cut -d- -f1`
        #质量
        Q=`echo "$1" | cut -b3- | cut -d- -f2`
        if [ "$Q" == "$T" ]; then
                Q=$DEFAULTQUALITY;
        fi
        case "$C" in
                w)
                        RESIZE=$T
                        ;;
                h)
                        RESIZE=x$T
                        ;;
                m)
                        WH=`$IDENTIFY -format "%wx%h" $2`
                        W=`echo "$WH" | cut -dx -f1`
                        H=`echo "$WH" | cut -dx -f2`
                        if test `/usr/bin/expr $T - $W` -gt 0 && test `/usr/bin/expr $T - $H` ; then
                                RESIZE=$Wx$H
                        elif test `/usr/bin/expr $W - $H` -gt 0 ; then
                                RESIZE=$T
                        else
                                RESIZE=x$T
                        fi
                        ;;
                *)
                        exit 1;
        esac

        $CONVERT $2 -resize $RESIZE -quality $Q $3
}

make3 () {
        T=`echo "$1" | cut -b2- | cut -d- -f1`
        Q=`echo "$1" | cut -b2- | cut -d- -f2`
        if [ "$Q" == "$T" ]; then
                Q=$DEFAULTQUALITY
        fi

        W=`echo "$T" | cut -dx -f1`
        H=`echo "$T" | cut -dx -f2`

        SRCWH=`$IDENTIFY -format "%wx%h" $2`
        SRCW=`echo "$SRCWH" | cut -dx -f1`
        SRCH=`echo "$SRCWH" | cut -dx -f2`

        if test `/usr/bin/expr $SRCW - $SRCH` -gt 0 ; then
                FLAG='W'
                RESIZE=x$H
        else
                FLAG='H'
                RESIZE=$W
        fi

        TMPFILE=`mktemp`
        /bin/rm -rf $TMPFILE
        $CONVERT $2 -resize $RESIZE $TMPFILE
        REWH=`$IDENTIFY -format "%wx%h" $TMPFILE`
        REW=`echo "$REWH" | cut -dx -f1`
        REH=`echo "$REWH" | cut -dx -f2`
        if test $FLAG == 'W'; then
                DESTW=`/usr/bin/expr $W / 2`
                RESIZEW=`/usr/bin/expr $REW / 2`
                OFFSETW=`/usr/bin/expr $RESIZEW - $DESTW`
                $CONVERT -crop $T+$OFFSETW+0 -quality $Q $TMPFILE $3

        else
                DESTH=`/usr/bin/expr $H / 2`
                RESIZEH=`/usr/bin/expr $REH / 2`
                OFFSETH=`/usr/bin/expr $RESIZEH - $DESTH`
                $CONVERT -crop $T+0+$OFFSETH -quality $Q $TMPFILE $3
        fi
        /bin/rm -rf $TMPFILE
}

if test ! -f $2; then
        echo "无法访问$2: 没有那个文件"
        exit 1;
fi

$IDENTIFY -format "%wx%h" $2 > /dev/null 2>&1
REVAL=`echo $?`
if [ "x$REVAL" != "x0" ]; then
        echo "$2不是图片类型文件"
        exit 1;
fi

TYPE=`echo "$1" | cut -b1`;

case "$TYPE" in
  !)
        make1 $1 $2 $3
        ;;
  :)
        make2 $1 $2 $3
        ;;
  @)
        make3 $1 $2 $3
        ;;
  *)
        echo $"Usage: $0 {:w100|!200|@300x200}"
        exit 1
esac

现在这个程序就编写完了,如果你有任何问题,欢迎与我探讨,QQ:8025628


本文转载自:http://blog.yiibook.com/?p=670

epiclight
粉丝 3
博文 41
码字总数 79
作品 0
深圳
架构师
私信 提问
5- OpenCV+TensorFlow 入门人工智能图像处理-图片的几何变换(一)

图片的几何变换 图片的几何变换章节介绍 图片位移 & 图片缩放 图片剪切 & 图片镜像 图片仿射变换 Hog + Svm 小狮子识别 计算机视觉的基础: 裁剪样本为64,128 等比例缩放 仿射变换: 位移,旋转...

天涯明月笙
2018/04/19
0
0
canvas-坐标系、圆角矩形、纹理、剪裁

坐标系 :由canvas标签上设置的width,height决定,默认是 300 x 150,这也是画布坐标系x轴和y轴的最大值,超过这两个值,则意味着超过了画布大小,超过的部分自然不会生效。 :由css样式的w...

Vivimee
2018/12/09
0
0
图片处理工具--xice7-imageKit

xice7-imageKit是基于java语言实现的简单的图片处理工具。 使用简单, API采用易用的管道流设计。 工程很小,且不依赖第三方Jar文件。 支持多种图片效果处理,如: 图片压缩 -支持各种类型的图片...

不愿透露姓名的Mr成
2017/05/17
573
2
thinkphp上传图片自动压缩问题

thinkphp上传图片后由于图片较大需要剪切,但是由于大部分浏览器阻挡剪切弹出窗口造成无法剪切 故使用thinkphp的生成缩略图的功能,上传的同时直接生成缩略图并覆盖原图,这样就可以自定义上...

gutaotao1989
2017/11/07
0
0
Android图形处理之Bitmap

Bitmap是Android系统中的图像处理的最重要类之一。用它可以获取图像文件信息,进行图像剪切、旋转、缩放等操作,并可以指定格式保存图像文件。本文从应用的角度,着重介绍怎么用Bitmap来实现...

等待流星
2014/11/17
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Hadoop集群搭建-05安装配置YARN

Hadoop集群搭建-04安装配置HDFS Hadoop集群搭建-03编译安装hadoop Hadoop集群搭建-02安装配置Zookeeper Hadoop集群搭建-01前期准备 先保证集群5台虚拟机, nn1 nn2 s1 s2 s3 hadoop 是 是 是 ...

虚拟世界的懒猫
30分钟前
3
0
聊聊spring cloud的ConsulServiceRegistry

序 本文主要研究一下spring cloud的ConsulServiceRegistry ServiceRegistry spring-cloud-commons-2.1.2.RELEASE-sources.jar!/org/springframework/cloud/client/serviceregistry/ServiceR......

go4it
昨天
3
0
Nextjs 学习 —— hooks

22

lemos
昨天
1
0
如何在spring mvc restful接口中定制化类型转换和格式化

1.痛点 最近小胖哥搞了个小程序,有几个spring mvc 接口传递了时间,时间用java 8 time 相关的api 来直接接收: 当使用根据ISO 8601格式化的参数向任何这些方法发送POST请求时,报出了如下异...

码农小胖哥
昨天
13
0
docker日志监控

日志处理机制 我们先来了解一下docker日志处理的机制,当启动一个容器的时候,它其实是docker daemon的一个子进程,docker daemon可以拿到你容器里面进程的标准输出,拿到标准输出后,它会通...

爱宝贝丶
昨天
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部