注意事項(xiàng)
- 本預(yù)覽圖功能使用的是nginx的http_image_filter模塊，可以自定義緩存大小解決占用服務(wù)器容量問題，建議配合fastDFS使用
- http_image_filter不會改變圖片原始比例
例如原始圖片尺寸為16:9，那么輸入寬高值之后會以較小的一個參數(shù)展現(xiàn)預(yù)覽圖，比如原始圖為1600*900，傳遞參數(shù)320*90會拿到160*90的預(yù)覽圖 - http_image_filter無法做到等比例放大
例如原始圖為1920*1080，輸入?yún)?shù)大于1920*1080后拿到的預(yù)覽圖也都是原圖，無法拿到更大的 - 應(yīng)用場景
一般使用于圖片清晰度要求較高文件較大，服務(wù)器資源無法滿足處理多種尺寸預(yù)覽圖，但應(yīng)用場景需要適配不同性能機(jī)型以使用幾種尺寸特定比例的預(yù)覽圖
服務(wù)器配置方法
安裝模塊
博主的nginx安裝路徑為/usr/local/nginx，安裝包的路徑為/usr/local/nginx-1.20.1.先cd到/usr/local/nginx路徑下，執(zhí)行下面命令查詢原有nginx已安裝的模塊
./sbin/nginx -V
然后cd到/usr/local/nginx-1.20.1,在原有模塊的基礎(chǔ)下最后追加這一段，我截圖里面已經(jīng)有了是因?yàn)閯倓傄呀?jīng)配置完了
--with-http_image_filter_module=dynamic
# 示例
./configure --prefix=/usr/local/nginx --pid-path=/usr/local/nginx/run --user=nginx --group=nginx --with-http_ssl_module --with-http_flv_module --with-http_stub_status_module --with-http_gzip_static_module --with-pcre --with-http_image_filter_module=dynamic
這個時(shí)候先別執(zhí)行make，否則會報(bào)出缺少依賴的錯，先安裝依賴
yum install gd-devel
執(zhí)行make，千萬不要install。否則會覆蓋
make
此時(shí)/usr/local/nginx-1.20.1下的objs目錄中會出現(xiàn)ngx_http_image_filter_model.so文件
接下來要做的是配置conf文件和重啟ngxin，先將原有的啟動文件備份。
cd /usr/local/nginx/sbin
mv nginx nginx.d
cd /usr/local/nginx-1.20.1/objs
cp nginx ../../nginx/sbin/
備份http_image_filter模塊用以調(diào)用
mkdir /usr/local/nginx/modules
cp /usr/local/nginx-1.20.1/objs/ngx_http_image_filter_module.so /usr/local/nginx/modules
配置文件調(diào)整引入模塊
vi /usr/local/nginx/conf/nginx.conf
load_module "modules/ngx_http_image_filter_module.so";
修改配置文件設(shè)置訪問入口
在原有的訪問靜態(tài)文件的location中加入下面代碼，意為取請求地址的w參數(shù)和h參數(shù)為縮略圖大小，緩存大小為100M
image_filter resize $arg_w $arg_h;
image_filter_buffer 100M;
隨后重啟nginx服務(wù)
這三個都kill掉
然后到/usr/local/nginx下執(zhí)行文章來源：http://www.zghlxwxcb.cn/news/detail-423474.html
./sbin/nginx
訪問請求測試
以上就是配置使用http_image_filter模塊的全過程，如有疑問歡迎留言私信文章來源地址http://www.zghlxwxcb.cn/news/detail-423474.html
到了這里，關(guān)于使用nginx實(shí)現(xiàn)自定義大小預(yù)覽縮略圖，http_image_filter模塊的安裝使用的文章就介紹完了。如果您還想了解更多內(nèi)容，請?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
