我在访问时光网、网易云音乐等网站时，发现将它们页面中的一些图片URL修改一下就可以得到不同尺寸的图片，于是思考了其实现方案，我的思路是：用户请求的URL进行重写，然后利用图片处理类库对图片进行处理，接着缓存该尺寸图片并输出到浏览器。使用PHP和Node.js实现了一遍，基本达到了需要的效果。
1、Nginx+Node.js(express)实现
URL重写
这里Nginx主要是做一个URL重写和反向代理的功能，配置如下所示：
这里说明一下：Nginx监听本地的80端口，Node.js监听的是3000端口。当用户访问类似图片，其实不然。
图片实时处理
我们在Node.js中实时处理图片，进行缩放、模糊、水印等操作，之后将其缓存起来并输出到浏览器。Node.js自身API并不擅长图片的处理，我们可以借助第三方类库来实现，这里推荐GraphicsMagick或ImageMagick，使用它们之前先安装
图片处理的实现如下： 如上代码所示，当用户访问图片存在，且400x300这个尺寸也存在，则直接输出这张图片，如不存在，则生成一张该尺寸的图片保存并输出到浏览器。如果提供的尺寸超出了图片的原始尺寸，则直接输出原图。我们不仅可以修改尺寸，也可以进行模糊、打水印等操作，这里就不多介绍了。 如果不用Nginx反向代理也是可以的，使用express的正则路由实现，如下所示：2、Apache+PHP实现
首先得搭建windows下PHP开发环境，我本人用的是apache2+PHP5.6，具体的搭建步骤网上一大堆，便不再累述。
开启apache rewrite功能
首先我们得开启Apache rewrite模块功能，去掉配置文件http.conf中LoadModule rewrite_module modules/mod_rewrite.so前面的注释，然后设置Directory块下AllowOverride All，可能有多处，接着重启Apache服务。
配置.htaccess文件
在DocumentRoot目录下，新建文件，如果创建不了，可以先创建一个文本，然后另存为，在弹出的对话框文件名处填写".htaccess"即可。之后，编写URL重写规则，如下所示：
将类似PHP/src=147332819224704&w=400&h=300&type=jpg
功能实现
接下来便是功能的实现，逻辑和nodejs版逻辑一致，代码如下： $uploadDir = "uploads/images/";
$thumbs = "uploads/thumbs/";
$src = $_GET['src'];
$width = $_GET['w'];
$height = $_GET['h'];
$type = $_GET['type'];
$imgFile = $uploadDir.$src.'.'.$type;
$notFound = '不好意思，该图片不存在或已被删除!';
$thumb = getThumbImg($src,$width,$height,$type);
if(file_exists($imgFile)){
if(file_exists($thumb)){
header('Content-Type:image/'.$type);
echo file_get_contents($thumb);
}else{
imgResize($imgFile,$thumb,$type);
}
}else{
header("HTTP/1.0 404 Not Found");
header("status: 404");
echo $notFound;
}
