亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

在 ThinkPHP 項(xiàng)目里添加圖片尺寸動(dòng)態(tài)裁剪功能

zilu / 2301人閱讀

摘要：圖片動(dòng)態(tài)裁剪縮放庫首先附上項(xiàng)目地址是一個(gè)可以幫助你根據(jù)指定參數(shù)動(dòng)態(tài)的生成圖片內(nèi)容給瀏覽器的圖片操作庫，從而實(shí)現(xiàn)圖片動(dòng)態(tài)裁剪，打水印等，本庫對(duì)進(jìn)行了一些友好的包裝與擴(kuò)展，屏蔽了原生庫的一些底層抽象從而使得用戶可以在項(xiàng)目中更好的添加圖片的動(dòng)

ThinkPHP 圖片動(dòng)態(tài)裁剪縮放庫




首先附上項(xiàng)目地址： https://github.com/top-think/think-glide

Glide 是一個(gè)可以幫助你根據(jù)指定參數(shù)動(dòng)態(tài)的生成圖片內(nèi)容給瀏覽器的圖片操作庫，從而實(shí)現(xiàn)
圖片動(dòng)態(tài)裁剪，打水印等，本庫對(duì) Glide 進(jìn)行了一些友好的包裝與擴(kuò)展，屏蔽了原生庫的一些底層抽象從而使得 ThinkPHP 用戶可以在 ThinkPHP 項(xiàng)目中
更好的添加圖片的動(dòng)態(tài)裁剪功能。

Installation

執(zhí)行下面命令安裝:

$ composer require slince/think-glide
Usage Quick start

由于從 ThinkPHP 5.1.6 開始添加了中間件的功能，所以在

ThinkPHP 5.1.6 及以上版本使用 middleware 注冊(cè)：

打開 application/middleware.php 文件（如果不存在創(chuàng)建即可），注冊(cè) middleware：

return [
    //...

    SlinceGlideGlideMiddleware::factory([
        "source" => __DIR__ . "/../img",
    ])
];

這種方式比較簡(jiǎn)單，也是推薦的方式；

ThinkPHP 5.1.0 以上 5.1.6 以下版本：

不支持middleware，所以啟用過程要復(fù)雜一點(diǎn)，我們用下面方式來妥協(xié)：

// 在 /route/route.php 注冊(cè)下面路由
Route::get("images/:file", "index/handleImageRequest");

//在控制器 index 里創(chuàng)建action
public function handleImageRequest()
{
    $middleware = SlinceGlideGlideMiddleware::factory([
        "source" => App::getRootPath() . "/img",
    ]);
    
    return $middleware(app("request"), function(){
        return app("response");
    });
}

source 是你本地圖片文件夾的位置，假設(shè)該目錄下有圖片 user.jpg, 打開瀏覽器訪問下面鏈接：

http://youdomain.com/images/user.jpg?w=100&h=100

即可得到縮小后的圖片。

參數(shù)說明
參數(shù)名 類型 說明 是否必選
source string 本地文件夾位置 是
cache string 緩存文件位置，默認(rèn)在 runtime/glide 下面 否
cacheTime string 緩存時(shí)間，示例 +2 days, 緩存期間多次請(qǐng)求會(huì)自動(dòng)響應(yīng) 304 否
signKey string 安全簽名 否
onException callable 異常處理handler 否
baseUrl string 路由前綴，匹配到該前綴時(shí)中間件開始執(zhí)行，默認(rèn)是 /images 否
安全簽名

不開啟安全簽名的情況下用戶可以調(diào)整query里面的參數(shù)自行對(duì)圖片進(jìn)行裁剪，如果你不打算這么做的話，你可以通過
signKey 進(jìn)行校驗(yàn)，

SlinceGlideGlideMiddleware::factory([
    "source" => __DIR__ . "/../img",
    "signKey" => "v-LK4WCdhcfcc%jt*VC2cj%nVpu+xQKvLUA%H86kRVk_4bgG8&CWM#k*"
])

這種情況下用戶自行調(diào)整參數(shù)將會(huì)無效；生成安全的URL:

echo app("glide.url_builder")->getUrl("user.jpg", ["w" => 100, "h" => 100]);

//你會(huì)得到如下鏈接：/images/user.jpg?w=100&h=100&s=af3dc18fc6bfb2afb521e587c348b904
異常處理

如果用戶訪問了一張不存在的圖片或者沒有進(jìn)行安全校驗(yàn)，系統(tǒng)會(huì)拋出異常，你可以通過 onException 進(jìn)行替換默認(rèn)行為：

SlinceGlideGlideMiddleware::factory([
    "source" => __DIR__ . "/../img",
    "signKey" => "v-LK4WCdhcfcc%jt*VC2cj%nVpu+xQKvLUA%H86kRVk_4bgG8&CWM#k*"，
    "onException" => function(Exception $exception, $request, $server){
    
        if ($exception instanceof LeagueGlideSignaturesSignatureException) {
            $response = new Response("簽名錯(cuò)誤", 403);
        } else {
            $response = new Response(sprintf("你訪問的資源 "%s" 不存在", $request->path()), 404);
        }
        
        return $response;
    }
])

注意該閉包必須返回一個(gè) thinkResponse 實(shí)例；

Quick reference

不止支持裁剪，glide還支持其它操作，只要傳遞對(duì)應(yīng)參數(shù)即可，參考這里查看支持的參數(shù)：

http://glide.thephpleague.com/1.0/api/quick-reference/

Changelog

See CHANGELOG.md

License

See MIT.

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/28570.html

相關(guān)文章

  • JavaScript中的圖片處理與合成(一)

    摘要：中的圖片處理與合成一引言圖片處理現(xiàn)在已經(jīng)成為了我們生活中的剛需，想必大家也經(jīng)常有這方面的需求。實(shí)際前端業(yè)務(wù)中，也經(jīng)常會(huì)有很多的項(xiàng)目需要用到圖片加工和處理。 JavaScript中的圖片處理與合成(一) 引言： 圖片處理現(xiàn)在已經(jīng)成為了我們生活中的剛需，想必大家也經(jīng)常有這方面的需求。實(shí)際前端業(yè)務(wù)中，也經(jīng)常會(huì)有很多的項(xiàng)目需要用到圖片加工和處理。由于過去一段時(shí)間公司的業(yè)務(wù)需求，讓我在這方面積累...

    Charles 評(píng)論0 收藏0

  • JavaScript中的圖片處理與合成(二)

    摘要：通過這套流程，我們便能添加任意的圖片圖層并合成圖片。下篇文章，我們會(huì)繼續(xù)介紹下文字的合成和幾何圖片的合成，敬請(qǐng)期待 JavaScript中的圖片處理與合成(二) 引言 本系列分成以下4個(gè)部分: 基礎(chǔ)類型圖片處理技術(shù)之縮放、裁剪與旋轉(zhuǎn)(傳送門)； 基礎(chǔ)類型圖片處理技術(shù)之圖片合成； 基礎(chǔ)類型圖片處理技術(shù)之文字合成； 算法類型圖片處理技術(shù)； 上篇文章，我們介紹了圖片的裁剪/旋轉(zhuǎn)與縮放，接...

    hersion 評(píng)論0 收藏0

  • 一個(gè)基于react的圖片裁剪組件

    摘要：要注意，的屬性是，而和，，對(duì)應(yīng)的分別是，，的值設(shè)為這樣，保存拖拽選擇框時(shí)的參數(shù)，保存裁剪選擇框時(shí)的參數(shù)，為元素，為觸發(fā)事件時(shí)的。 開始 寫了一年多vue，感覺碰到了點(diǎn)瓶頸，學(xué)習(xí)下react找找感覺。剛好最近使用vue寫了個(gè)基于cropperJS的圖片裁剪的組件，便花費(fèi)了幾個(gè)晚上的功夫用react再寫一遍。代碼地址，demo地址項(xiàng)目是使用create-react-app來開發(fā)的，省去了很...

    Brenner 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<