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

使用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资源，如果是公司业务，该方式请谨慎使用！！！