网站首页 > 技术教程 正文
直接上配置代码
通过正则拆分url地址中的图片尺寸
http://www.begincode.net/images/bloggg_700x700.png
原图bloggg.png 存储在 /home/static/img 目录下
这个URL解析出变量
$1 bloggg
$2 700
$3 700
$4 png
location ~* /images/(.+)_(\d+)x(\d+)\.(jpg|jpeg|png)$ {
set $w $2;
set $h $3;
image_filter resize $w $h; #设置图片尺寸大小来源URL
image_filter_buffer 30M; #设置图片缓冲区的最大大小,大小超过设定值,服务器将返回错误415
image_filter_interlace on; #这个参数看这个介绍有点意思 https://cloud.tencent.com/developer/article/1791243
image_filter_jpeg_quality 95; #图片质量
try_files /$1.$4 /notfound.jpg;
expires 1d; #缓存过期设置
add_header 'Access-Control-Allow-Origin' '*';
add_header 'Access-Control-Allow-Credentials' 'true';
alias /home/static/img ; #图片存储目录
}
location /images {
alias /home/static/img ; #图片存储目录
autoindex on; #打开目录浏览功能
}
有同学配置上图信息后发现没生效,那就是Nginx没有启用这个参数查看方式如下
注意这个 --with-http_image_filter_module 是否有如果没有安装的时候增加这个参数即可
[root@begincode sbin]# ./nginx -V
nginx version: nginx/1.23.1
built by gcc 10.2.1 20200825 (Alibaba 10.2.1-3 2.32) (GCC)
configure arguments: --prefix=/usr/local/src/nginx --with-http_image_filter_module
猜你喜欢
- 2024-10-16 Spring Boot + Vue.js + FastDFS 实现分布式图片服务器(IDEA教学)
- 2024-10-16 图片跨域小记(图片跨域问题处理)
- 2024-10-16 Nginx 直播服务部署(直播 + 分流 + 画面水印)
- 2024-10-16 几张图片带你看懂NGINX基本配置(几张图片带你看懂nginx基本配置的软件)
- 2024-10-16 Piwigo,你的开源图片库管理神器(pic images ac cn)
- 2024-10-16 17、Nginx-图片防盗链的配置(nginx防盗链 referer)
- 2024-10-16 Nginx有哪些适用场景(nginx可以实现的功能)
- 2024-10-16 学成在线第8-1天 讲义-课程图片管理 分布式文件系统 FastDFS研究
- 2024-10-16 Nginx做图片服务器时候,配置之后图片访问一直是 404问题解决
- 2024-10-07 MinIO使用Nginx代理访问以及实时缩略图的使用
你 发表评论:
欢迎- 最近发表
- 标签列表
-
- 下划线是什么 (87)
- 精美网站 (58)
- qq登录界面 (90)
- nginx 命令 (82)
- nginx .http (73)
- nginx lua (70)
- nginx 重定向 (68)
- Nginx超时 (65)
- nginx 监控 (57)
- odbc (59)
- rar密码破解工具 (62)
- annotation (71)
- 红黑树 (57)
- 智力题 (62)
- php空间申请 (61)
- 按键精灵 注册码 (69)
- 软件测试报告 (59)
- ntcreatefile (64)
- 闪动文字 (56)
- guid (66)
- abap (63)
- mpeg 2 (65)
- column (63)
- dreamweaver教程 (57)
- excel行列转换 (56)
本文暂时没有评论,来添加一个吧(●'◡'●)