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