melin 写道
在开发电子商务网站时,同一个图片需要不同尺寸的缩略图片,一般有两种策略生成缩略图,一种在上传图片时,生成需要的缩略图,另一种是请求指定尺寸的图片时生存缩略图片,第一种方式有一定限制,就是需要提前知道所有尺寸的图片,而第二种方式更加灵活,这里采用第二种方案(也是查看taobao网站图片名称,猜想出来的方案,并加以验证,后来证实淘宝也是采用这个方案,只是淘宝使用ImageMagick)。
这里主要借助lua_nginx module调用GraphicsMagick命令生存生存缩略图片,缩略图片的尺寸包含在请求图片名称中,例如:xxxxx.jpg.80x80.jpg返回的就是xxx.jpg的80x80尺寸的图片大小。nginx配置如下:
上传图片名称使用32位随机字符替换掉,图片存放目录为图片名称前六个字母,每两个一组,构造三层目录结构存放,这样可以均匀存放图片在不同目录。避免目录存放文件数量限制。
为了避免随意生成不同尺寸的缩略图,这里做了限制,在image_sizes中定义了需要的缩略图尺寸。
location /testImg/ {
rewrite_by_lua '
local image_root = "/home/tomcat/eisp-files";
function file_notexists(name)
local f=io.open(name,"r")
if f~=nil then io.close(f) return false else return true end
end
local uri = ngx.re.sub(ngx.var.uri, "/testImg/([0-9a-zA-Z]+)/([0-9a-zA-Z]{2})([0-9a-zA-Z]{2})([0-9a-zA-Z]{2})([0-9a-zA-Z]+).([0-9a-zA-Z]+)", "/images/$1/$2/$3/$4/$2$3$4$5.$6", "o");
local index = string.find(uri, "([0-9]+)x([0-9]+)");
local originalUri = string.sub(uri, 0, index-2);
local area = string.sub(uri, index);
index = string.find(area, "([.])");
area = string.sub(area, 0, index-1);
if file_notexists(image_root .. uri) then
local image_sizes = {"80x80", "800x600", "40x40"};
function table.contains(table, element)
for _, value in pairs(table) do
if value == element then
return true
end
end
return false
end
if table.contains(image_sizes, area) then
local command = "gm convert " .. image_root .. originalUri .. " -thumbnail " .. area .. " -background gray -gravity center -extent " .. area .. " " .. image_root .. uri;
os.execute(command);
ngx.req.set_uri(uri, true);
else
ngx.exit(404);
end;
else
ngx.req.set_uri(uri, true);
end;
';
}
location /images/ {
alias /home/tomcat/eisp-files/images/;
expires 7d;
}
分享到:
相关推荐
教你如何搭建一个图片切割和缩放的服务 1.搭建GraphicsMagick服务 2.配置nginx 3.修改Lua脚本 详情见文档
Nginx+Lua+GraphicsMagick实现动态生成指定尺寸的图片
缩略图OpenResty(Nginx)+Lua+GraphicsMagick
GraphicsMagick Nginx + Lua + GraphicsMagick,实现自定义图片尺寸功能,支持两种模式[固定高宽模式,定高或定宽模式],支持FastDFS文件存储github地址: : 说明类似淘宝图片,实现自定义图片尺寸功能,可根据图片...
Nginx所需环境的安装,及nginx安装,nginx相关功能开启,后端节点健康检查插件安装,静态资源缓存插件,缩略图插件安装等。
ASP 微信分享、朋友圈自定义缩略图内容。 亲测可以使用。内含实例。
nginx-lua-GraphicsMagick网站中,需要根据需求,动态生成缩略图,网上找了些别人写好的脚本,也在github上找到了一些,自己稍微改写了下,让脚本同时支持00.jpg_80x80.jpg和00_80x80.jpg的2种格式。具体可以参考...
对接公众号设置自定义微信分享自定义缩略图和描述
Docker+FastDFS+Nginx+Lua实现图片缩略图1、FastDFS安装1.1、镜像下载1.2、开启tracker容器1.3、开启storage容器1.4、测试2、FastDFS集成Nginx+lua2.1、依赖包下载2.2、安装软件基础包2.3、依赖安装2.4、配置Lua脚本...
lua支持nginx的插件。版本是16的源码包。支持缩略图支持
php生成自定义宽高缩略图片,批量生成。
ngx_image_thumb是nginx中用来生成缩略图的模块,生存缩略图的方法很多,本nginx模块主要功能是对请求的图片进行缩略/水印处理,支持文字水印和图片水印。支持自定义字体,文字大小,水印透明度,水印位置,判断原图...
将图片的上传,分布式管理 交由seaweedfs管理,可提供更快的响应速度,更方便,无痛的分布式扩展节点,billion 级别的。后面使用openresty + lua-resty-weedfs + graphicsmagick 生成缩略图功能独立处理。
fastdfs+nginx 分布式图片存储支持动态缩略图,包含所有安装文件以及安装文档
jQuery网格缩略图片点击大小缩放图片切换代码 jQuery网格缩略图片点击大小缩放图片切换代码 jQuery网格缩略图片点击大小缩放图片切换代码
C#写的一个自定义控件 。 作用:传入一个图片数组和图片显示大小,显示在控件上。
主要介绍了在Nginx中配置image filter模块来实现动态生成缩略图的方法,包括缩略图尺寸的设置等方面的介绍,需要的朋友可以参考下
DDS图片缩略图显示工具DDS_viewer
淘宝专业版自定义全屏带缩略图轮播代码,内有修改说明
Thinkphp自定义生成缩略图尺寸的方法,本实例中生成两张不同尺寸的图片:第一张是大图350*350,第二张 50*50的缩略图 Image类是Thinkphp系统自带的,可以研究下,这个缩略图类很强大 function getLogo($logo, $...