您现在的位置是:首页 > 文章详情

使用nginx image filter实现类OSS对象存储中对图片的实时处理

日期:2018-11-21点击:339

使用Nginx image_filter实现类似OSS图片处理

在家使用自己的电脑做了一个小应用,可查看照片,按以前的方式,需要在用户上传图片后对进行裁剪压缩,然后给前端一个缩略图地址与原图地址。这种方式有两个弊端磁盘空间的浪费、缩略图尺寸调整不便捷。是否有其他不使用云OSS存储的情况下自己实现一套类似OSS的图片处理?

后来搜索资料,发现使用nginx的image_filter可以实现。根据网上其他人的实例使用没有成功。

安装nginx与imageFilter不在复述,自己从网上看文章就可以了。我使用的版本是nginx 1.13.12 直接自带该插件。

自己调整后可以使用,下面贴出完整配置。

server { listen 80; server_name 127.0.0.1; charset utf-8; root /www/uploadfile; #拦截所有带“!”号的图片请求 location ~* ^(.*\.(?:jpg|gif|png|jpeg|bmp))!(.*){ #rewrite ^(.*\.(?:jpg|gif|png))! $1; #图片访问路径 set $filename $1; #图片压缩尺寸 set $img_arg $2; #拆解处理尺寸参数,参数性质如200x400样式 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; } if ( $img_width = "" ){ set $img_width 100; } if ( $img_height = ""){ set $img_height 100; } #使用内部跳转,将尺寸参数传递 echo_exec /_imgFilt; } #图片处理 location /_imgFilt { alias /www/uploadfile$filename; image_filter resize $img_width $img_height; image_filter_buffer 10M; } location ~ .*\.(swf|docx|doc|xls|xlsx|txt|pdf|ppt|pptx|mp3|zip|rar|tar|gz|mp4|ttf|ttc|fmap|fmi|theme)$ { add_header 'Access-Control-Allow-Origin' '*'; add_header 'Access-Control-Allow-Headers' 'X-Requested-With'; add_header 'Access-Control-Allow-Methods' 'GET,POST,OPTIONS'; expires 30d; } } 

图片访问请求地址: http://127.0.0.1/upload/20181120/1542720637600.jpg!500x400

使用以上请求,就可以实现使用nginx image filter实施图片处理。 因是自己的小应用在使用,所以性能与访问速度方面还可以。

非常耗费CPU资源,如果是公司业务,该方式请谨慎使用!!!

原文链接:https://my.oschina.net/u/1019754/blog/2885382
关注公众号

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。

持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。

转载内容版权归作者及来源网站所有,本站原创内容转载请注明来源。

文章评论

共有0条评论来说两句吧...

文章二维码

扫描即可查看该文章

点击排行

推荐阅读

最新文章