配置Nginx 扩展实现图片剪裁
在此之前需要安装
ngx_http_image_filter_module
,如果是采用的Docker的话可以看看我历史文章。
然后修改配置文件,增加几个location模块,配置如下,仅供参考👇
server {
listen 80;
server_name localhost;
#charset koi8-r;
#access_log logs/host.access.log main;
location / {
root html;
index index.html index.htm;
}
location ~* (.*)_(\d+)x(\d+)\.(JPG|jpeg|jpg|gif|png|PNG)$ {
set $img_width $2;
set $img_height $3;
image_filter resize $img_width $img_height;
image_filter_buffer 10M;
rewrite ^(.*)_(\d+)x(\d+).(JPG|jpeg|jpg|gif|png|PNG)$ /$1.$4 break;
proxy_pass http://127.0.0.1:9999;
}
location ~* (.*)_(\d+)x(\d+)_(\d+)\.(JPG|jpeg|jpg|gif|png|PNG)$ {
set $img_width $2;
set $img_height $3;
set $img_quality $4;
rewrite ^(.*)_(\d+)x(\d+)_(\d+).(JPG|jpeg|jpg|gif|png|PNG)$ /$1.$5 break;
image_filter resize $img_width $img_height;
image_filter_buffer 10M;
image_filter_jpeg_quality $img_quality;
proxy_pass http://127.0.0.1:9999;
}
location ~* (.*).(JPG|jpeg|jpg|gif|png|PNG)$ {
proxy_pass http://127.0.0.1:9999;
}
最后访问格式如下:
裁剪100x100:http://xxx.com/test_100x100.jpg
裁剪200x200兼调整质量60:http://xxx.com/test_200x200_60.jpg
大概就是这个意思吧。仅供参考,如有大神希望指出问题所在,我们大家一起学习一下。
也当作自己的一个记录,怕以后又忘记了。
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 从HTTP原因短语缺失研究HTTP/2和HTTP/3的设计差异
· 三行代码完成国际化适配,妙~啊~