使用Nginx中自帶的模塊配置縮略圖功能的教程
http_image_filter_module是nginx提供的集成圖片處理模塊，支持nginx-0.7.54以后的版本，在網(wǎng)站訪問量不是很高磁盤有限不想生成多余的圖片文件的前提下可，就可以用它實時縮放圖片，旋轉(zhuǎn)圖片，驗證圖片有效性以及獲取圖片寬高以及圖片類型信息，由于是即時計算的結(jié)果，所以網(wǎng)站訪問量大的話，不建議使用。
安裝
安裝還是很簡單的，默認HttpImageFilterModule模塊是不會編譯進nginx的，所以要在configure時候指定
./configure arguments: --prefix=/usr/local/nginx --with-http_image_filter_module
PS: HttpImageFilterModule模塊需要依賴gd-devel的支持，可以使用yum或apt-get方便地安裝，如果未安裝回報“/configure: error: the HTTP image filter module requires the GD library.”錯誤
yum install gd-devel
apt-get install libgd2-xpm libgd2-xpm-dev
make&&make install后就可以進行配置了，做最簡單的配置，先讓模塊可以跑起來^^
location ~ /simg/.*\.jpg$ {
#proxy_pass http://10.11.11.11;
#rewrite "/simg/(.*\.jpg)$" /img/$1 break ;
image_filter resize 100 100;
error_page 415 = /empty;
}
該模塊主要有兩個指令：
指令1：
語法: image_filter (test | size | resize width height | crop width height)
默認是: 無
可出現(xiàn)的上下文: location
該指令指定圖像的轉(zhuǎn)化形式：
（1）test - 測試回復是否是JPEG、GIF、或PNG圖片（不支持BMP等其他格式），出錯時返回415。
（2）size - 返回圖片的JSON數(shù)據(jù)，比如:( "Img": ( "width": 100, "height": 100, "type": "gif"))
（3）resize - 根據(jù)設(shè)置按比例得減小圖像，比如100*100的圖片，而設(shè)置是50*25，減小后的圖片為25*25。如果你只想設(shè)置一個維度，可以用“-”代替。出錯時返回415。
（4）crop - 根據(jù)設(shè)置按比例得減小圖像，然后裁剪成跟設(shè)置一樣大小的圖片。比如100*100的圖片，而設(shè)置是50*25，減小后的圖片為50*50，Nginx會選取中間高度25的像素，形成50*25的圖片，所以圖片會有缺失。如果你只想設(shè)置一個維度，可以用“-”代替。出錯時返回415。
指令2：
語法: image_filter_buffer size
默認值: image_filter_buffer 1M
可出現(xiàn)的位置: http, server, location
該指令設(shè)置單圖片緩存的最大值，如果過濾的圖片大小超過緩存大小，會報錯返回415。
用法
現(xiàn)在開始是重點：
有了如上認識再配合locaiont、if、image_filter 就可以讓nginx動態(tài)生成縮略圖了。
假設(shè)你的圖片位于/img目錄下
訪問縮略圖方式
http://www.xxx.cn/img/9GUMJR7200AJ0003_90x90.jpg
訪問原圖方式
http://www.xxx.cn/img/9GUMJR7200AJ0003_90x0.jpg http://www.xxx.cn/img/9GUMJR7200AJ0003_0x50.jpg http://www.xxx.cn/img/9GUMJR7200AJ0003_0x0.jpg http://www.xxx.cn/img/9GUMJR7200AJ0003.jpg
添加如下配置到server上下文即可
location ~* /img/(.+)_(d+)x(d+).(jpg|gif|png)$ {
set $h $2;
set $w $3;
if ($h = "0") {
rewrite /img/(.+)_(d+)x(d+).(jpg|gif|png)$ /img/$1.$4 last;
}
if ($w = "0") {
rewrite /img/(.+)_(d+)x(d+).(jpg|gif|png)$ /img/$1.$4 last;
}
#根據(jù)給定的長寬生成縮略圖
image_filter resize $h $w;
#原圖最大2M，要裁剪的圖片超過2M返回415錯誤，需要調(diào)節(jié)參數(shù)image_filter_buffer
image_filter_buffer 2M;
#error_page 415 /img/notfound.jpg;
try_files /img/$1.$4 /img/notfound.jpg;
}
location ~* /img {
}
location ~* /img/(.+)_(d+)x(d+).(jpg|gif|png)$ {
set $h $2;
set $w $3;
if ($h = "0") {
rewrite /img/(.+)_(d+)x(d+).(jpg|gif|png)$ /img/$1.$4 last;
}
if ($w = "0") {
rewrite /img/(.+)_(d+)x(d+).(jpg|gif|png)$ /img/$1.$4 last;
}
#根據(jù)給定的長寬生成縮略圖
image_filter resize $h $w;
#原圖最大2M，要裁剪的圖片超過2M返回415錯誤，需要調(diào)節(jié)參數(shù)image_filter_buffer
image_filter_buffer 2M;
#error_page 415 /img/notfound.jpg;
try_files /img/$1.$4 /img/notfound.jpg;
}
location ~* /img {
}
相關(guān)文章
Ubuntu?22.04.1?LTS?編譯安裝?nginx-1.22.1的配置過程
Ubuntu安裝Nginx有兩種方式，一種是通過命令的方式,這種方式安裝的Nginx版本低，之前漏掃掃出來Nginx版本低，需要升級所以現(xiàn)在用編譯的方式安裝版本高點的，本文介紹Ubuntu22.04.1?LTS編譯安裝nginx1.22.1的配置過程,本文給大家介紹的非常詳細,需要的朋友參考下吧2024-01-01
Nginx上對同一IP訪問的特定URL進行限流實現(xiàn)
要在Nginx上對同一IP訪問的特定URL進行限流,您可以使用ngx_http_limit_req_module模塊,本文就來介紹一下如何使用,具有一定的參考價值,感興趣的餓2024-01-01
解決使用了nginx獲取IP地址都是127.0.0.1 的問題
這篇文章主要介紹了解決使用了nginx獲取IP地址都是127.0.0.1 的問題,獲取i工具的完整代碼文中給大家提到，具體實例代碼跟隨小編一起看看吧2021-09-09
這篇文章主要介紹了Windows設(shè)置nginx開機自啟動的方法,通過兩種方式實現(xiàn)nginx的開機自啟動：winws和window計劃程序，每種方式給大家介紹的非常詳細需要的朋友可以參考下2022-11-11
nginx反向代理proxy_pass遇到的死循環(huán)問題
這篇文章主要介紹了nginx反向代理proxy_pass遇到的死循環(huán)問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-01-01
這篇文章主要介紹了Nginx與Lua灰度發(fā)布的實現(xiàn)，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-03-03
本文總結(jié)了Nginx常用配置選項，包括url匹配優(yōu)先級、請求轉(zhuǎn)發(fā)、日志配置、超時配置、靜態(tài)文件處理以及負載均衡的各項算法，對Nginx?模塊配置相關(guān)知識感興趣的朋友一起看看吧2022-01-01
這篇文章主要介紹了Nginx服務(wù)器作反向代理時的緩存配置要點解析,需要的朋友可以參考下2016-04-04
這篇文章主要給大家介紹了關(guān)于Nginx反向代理配置的相關(guān)資料,nginx作為web服務(wù)器一個重要的功能就是反向代理,當然你也可以使用nginx配置正向代理,需要的朋友可以參考下2021-06-06
docker nginx實現(xiàn)一個主機部署多個站點操作
這篇文章主要介紹了docker nginx實現(xiàn)一個主機部署多個站點操作，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-11-11