我在访问时光网、网易云音乐等网站时，发现将它们页面中的一些图片URL修改一下就可以得到不同尺寸的图片，于是思考了其实现方案，我的思路是：URL Rewrite + 实时处理 + 缓存，对用户请求的URL进行重写，然后利用图片处理类库对图片进行处理，接着缓存该尺寸图片并输出到浏览器。使用PHP和Node.js实现了一遍，基本达到了需要的效果。
1、Nginx+Node.js(express)实现
URL重写
这里Nginx主要是做一个URL重写和反向代理的功能，配置如下所示：
location ~ /upload/{
if ($request_uri ~* ^/upload/(.+)_(\d+)x(\d+)\.(jpg|png|gif)$) {
set $src $1;
set $w $2;
set $h $3;
set $t $4;
rewrite . /resize?src=$src&w=$w&h=$h&type=$t break;
}
proxy_pass http://127.0.0.1:3000;
}这里说明一下：Nginx监听本地的80端口，Node.js监听的是3000端口。当用户访问类似
网友评论
