图片访问实时处理的实现(nodejs和php)

最新推荐文章于 2023-08-30 22:50:41 发布

lmr廖

最新推荐文章于 2023-08-30 22:50:41 发布

阅读量313

点赞数

文章标签： php 开发语言 nginx

本文链接：https://blog.csdn.net/lmrylll/article/details/130725291

版权

本文介绍了如何通过Nginx+Node.js(express)和Apache+PHP实现图片访问实时处理。通过URL重写，结合图片处理库GraphicsMagick或ImageMagick，实现实时缩放、模糊、水印等功能，并缓存处理后的图片。Apache配置涉及开启rewrite模块和编写.htaccess文件，功能实现与Node.js版相似。

摘要由CSDN通过智能技术生成

我在访问时光网、网易云音乐等网站时，发现将它们页面中的一些图片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端口。当用户访问类似http://127.0.0.1/upload/147332819224704_400x300.jpg的地址时，便会被代理到http://127.0.0.1:3000/resize?src=147332819224704&w=400&h=300&type=jpg</