[league/glide]两行代码实现一套强大的图片处理HTTP服务

文章介绍了如何利用League的Glide库,通过短短两行代码实现类似云存储服务提供的图片处理功能,如裁剪、缩放、添加水印等。Glide支持多种参数调整图片效果,并且可以方便地设置预设,同时兼容GD库和Imagick库。此外,它还提供了安全的签名机制来保护服务免受恶意请求攻击。
摘要由CSDN通过智能技术生成

只要两行代码,就能实现类似对象存储云提供的基于参数的图片处理,比如裁剪、放大、水印、旋转等等。

我们经常使用第三方的对象存储服务,比如七牛云或阿里云,他们都提供了“智能媒体服务”,其实就是在链接上加上各种参数,实现图片的裁剪、缩放等,可以便捷的实现缩略图,节省网络宽带,加快页面的访问。

原理很简单,就是接收参数然后处理呗。如果用PHP做的话,不难,但是却要写好多代码。操作GD库太麻烦了。但现在,只要两行代码就能实现一套强大的图片处理功能。

// 实例化
$server = League\Glide\ServerFactory::create([
    'source' => 'path/to/source/folder',
    'cache' => 'path/to/cache/folder',
]);

// 可以在第二个参数传入数组
$server->outputImage('users/1.jpg', ['w' => 300, 'h' => 400]);

// 更简单的做法,直接传入GET参数
$server->outputImage($path, $_GET);

功能预览表

glide可以接收26个参数,几乎可以涵盖所有的场景需求。

名称功能参数介绍
方向or旋转图像,支持0, 90, 180或者 270,同时支持auto,会根据图片的Exif 信息自动确定位置
翻转flip翻转图像,支持水平、垂直、圆心等
裁剪crop将图像裁剪到指定尺寸,支持居中、左上角、居左等10多个设置
宽度w设置图像的宽度,根据fit参数表现不同
高度h设置图像的高度,根据fit参数表现不同
尺寸效果fit设置图像如何适应新的尺寸,显示最大宽度、最小宽度、变形、裁剪等等6中效果
设备像素比dpr通过此参数可以生成不同像素比的图片,在苹果和安卓设备中有更好的表现,最大8
亮度bri调整图像亮度
对比度con调整图像对比度
伽马gam调整图像伽马值值
锐化sharp锐化图像
模糊blur为图像增加模糊效果
像素化pixel为图像增加像素化效果
滤镜filt能够指定使用那些滤镜处理图像,内置灰度和褐色,可以自定义。
水印路径mark给图像增加水印
水印宽度markw设置水印的宽度
水印高度markh设置水印的高度
水印偏移量Xmarkx水印的X偏移量
水印偏移量Ymarky水印的Y偏移量
水印的填充markpad水印的填充,padding
水印的定位markpos水印的位置,居左、居中等
水印的透明度markalpha设置水印的透明度
背景bg设置图片的背景色
边框border给图片增加边框
质量q设置输入的质量
格式fm设置图像的编码格式,jpg、png等

功能介绍

本文对几个重点的功能做个介绍。

尺寸效果 fit

设置图像如何适应新的尺寸。

支持的参数:

  • contain: 默认。 调整图像大小以适应宽度和高度边界,而无需裁剪、扭曲或改变纵横比。
  • max:调整图像大小以适应宽度和高度边界,而不会裁剪、扭曲或改变纵横比,如果图像小于输出尺寸,也不会增加图像的尺寸。
  • fill:调整图像大小以适应宽度和高度边界,而不裁剪或扭曲图像,剩余空间用背景色填充。 生成的图像将匹配约束尺寸。
  • fill-max:调整图像大小以适应宽度和高度边界而不裁剪,但如果图像较小则放大图像。 完成的图像将在宽度或高度上具有剩余空间(除非新图像的纵横比与旧图像的纵横比相同)。 剩余空间将用背景色填充。 生成的图像将匹配约束尺寸。
  • stretch:拉伸图像以完全适合约束尺寸。 生成的图像将填充尺寸,并且不会保持输入图像的纵横比。
  • crop:调整图像大小以填充宽度和高度边界并裁剪任何多余的图像数据。 生成的图像将匹配宽度和高度限制,而不会扭曲图像。

裁剪 crop

当尺寸效果设置为裁剪时,可以使用裁剪参数。

裁剪位置:

您还可以通过添加裁剪位置来设置裁剪图像的位置。 接受 crop-top-left, crop-top, crop-top-right, crop-left, crop-center, crop-right, crop-bottom-left, crop-bottom或者 crop-bottom-right. 默认是 crop-center, 并且与 crop.

作物焦点

除了裁剪位置之外,您还可以使用焦点更具体地确定确切的裁剪位置。 这是使用两个偏移百分比定义的: crop-x%-y%.

<img src="kayaks.jpg?w=300&h=300&fit=crop-25-75">

您还可以选择通过提供第三个值来放大您的焦点:一个介于 1 和 100 之间的浮点数。每个完整步长相当于 100% 缩放。 (例如。 x%-y%-2相当于以 200% 的比例查看图像)。 建议的范围是 1-10。

<img src="kayaks.jpg?w=300&h=300&fit=crop-25-75-2">

预裁剪

在任何其他调整大小操作之前将图像裁剪为特定尺寸。 要求的格式: width,height,x,y. 就像使用截图工具那样,在先在图片上截取一段。

<img src="kayaks.jpg?crop=100,100,915,155">

存储驱动

可以使用flysystem驱动,这意味着不仅可以操作本地的文件,还支持各类存储方式,比如SFTP、FTP、对象存储等等。

// 图片地址
$source = new League\Flysystem\Filesystem(
    new League\Flysystem\Local\LocalFilesystemAdapter('path/to/source/folder')
);

// 缓存地址
$cache = new League\Flysystem\Filesystem(
    new League\Flysystem\Local\LocalFilesystemAdapter('path/to/cache/folder')
);

$server = new League\Glide\Server(
    $source,
    $cache,
);

标准返回Response

可以通过getImageResponse方法获取标准的PSR-7响应对象,同时官方提供了laravel等框架的扩展响应对象。

默认配置

可以设置默认的图片处理设置。

$server = League\Glide\ServerFactory::create([
    'defaults' => [
        'mark' => 'logo.png',
        'markw' => '30w',
        'markpad' => '5w',
    ]
]);

预设

可以提前将各种参数设置好,然后直接传入预设的名称即可。比如下面的代码:

<?php

$server = League\Glide\ServerFactory::create([
    'presets' => [
        'small' => [
            'w' => 200,
            'h' => 200,
            'fit' => 'crop',
        ],
        'medium' => [
            'w' => 600,
            'h' => 400,
            'fit' => 'crop',
        ]
    ]
]);

然后直接使用预设就可以了:

<img src="kayaks.jpg?p=small">

也可以同时使用多个预设:

<img src="kayaks.jpg?p=small,watermarked">

甚至可以使用带有附加参数的预设:

<img src="kayaks.jpg?p=small,watermarked&filt=sepia">

图像驱动

支持GD库和Imagick库。

$server = League\Glide\ServerFactory::create([

    // 默认使用GD
    'driver' => 'gd',

    // 使用ImageMagick
    'driver' => 'imagick',
]);

安装

使用compsoer安装即可。

composer require league/glide

安全保护

glide提供了一套签名机制,通过私钥(一长串字符)生成一个token,只有携带了这个token 才能调用参数,避免人们通过大量的图像调整参数攻击服务器。

配置

<?php

use League\Glide\Signatures\SignatureFactory;
use League\Glide\Signatures\SignatureException;

try {
    // 设置秘钥
    $signkey = 'v-LK4WCdhcfcc%jt*VC2cj%nVpu+xQKvLUA%H86kRVk_4bgG8&CWM#k*b_7MUJpmTc=4GFmKFp7=K%67je-skxC5vz+r#xT?62tT?Aw%FtQ4Y3gvnwHTwqhxUh89wCa_';

    // 验证访问
    SignatureFactory::create($signkey)->validateRequest($path, $_GET);

} catch (SignatureException $e) {
    // 处理异常
}

生成URL

<?php

use League\Glide\Urls\UrlBuilderFactory;

// 上面的那个秘钥
$signkey = 'v-LK4WCdhcfcc%jt*VC2cj%nVpu+xQKvLUA%H86kRVk_4bgG8&CWM#k*b_7MUJpmTc=4GFmKFp7=K%67je-skxC5vz+r#xT?62tT?Aw%FtQ4Y3gvnwHTwqhxUh89wCa_';

// 实例化
$urlBuilder = UrlBuilderFactory::create('/img/', $signkey);

// 生成url
$url = $urlBuilder->getUrl('cat.jpg', ['w' => 500]);

// 使用url
echo '<img src="'.$url.'">';

// 输入预览
<img src="/img/cat.jpg?w=500&s=af3dc18fc6bfb2afb521e587c348b904">

总结

只要简单的几行代码,就实现了一套健全的图片处理HTTP服务,当你有类似的需求的时候,抓紧用上吧。

原文标题:[league/glide]两行代码实现一套强大的图片处理HTTP服务

原文地址:https://phpreturn.com/index/a64084605c3759.html

原文平台:PHP武器库

版权声明:本文由phpreturn.com(PHP武器库官网)原创和首发,所有权利归phpreturn(PHP武器库)所有,本站允许任何形式的转载/引用文章,但必须同时注明出处。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值