利用PHP與七牛雲端儲存介面實現圖片的即時處理與快速預覽的方法

王林

發布： 2023-07-05 09:30:02

原創

1744 人瀏覽過

利用PHP與七牛雲端儲存介面實現圖片的即時處理和快速預覽的方法

摘要：本文將介紹如何使用PHP和七牛雲端儲存介面實現圖片的即時處理和快速預覽。我們透過範例程式碼講解具體的步驟，幫助讀者了解如何處理圖片、產生縮圖以及提供快速預覽的功能。

介紹

隨著網路的快速發展，圖片作為訊息傳遞的重要元素之一，在各個領域中應用廣泛。為了提升使用者體驗，我們通常需要將圖片處理，例如產生縮圖、添加浮水印等。同時，在高並發的場景中，為了提供快速的預覽效果，我們需要依賴雲端儲存服務來儲存並加速圖片的存取。

七牛雲端儲存是國內領先的雲端儲存平台之一，提供了豐富的介面和強大的功能，方便開發者進行圖片的處理和儲存。結合PHP作為伺服器端語言，我們可以輕鬆實現圖片的即時處理和快速預覽。

環境準備

在開始實作之前，我們需要完成以下準備：

註冊一個七牛雲端儲存帳號，並建立一個新的儲存空間。
安裝PHP，建議使用最新版本。
安裝composer，用於管理PHP依賴套件。

安裝依賴函式庫

在專案目錄下開啟終端，執行下列指令安裝所需的依賴函式庫：

composer require qiniu/php-sdk
composer require intervention/image

登入後複製

範例程式碼

以下範例程式碼示範如何使用PHP和七牛雲端儲存介面實現圖片的即時處理和快速預覽。

<?php
require 'vendor/autoload.php';

use InterventionImageImageManagerStatic as Image;
use QiniuAuth;
use QiniuStorageUploadManager;

// 七牛云账号信息
$accessKey = '<Your Access Key>';
$secretKey = '<Your Secret Key>';
$bucket = '<Your Bucket Name>';

// 构建Auth对象
$auth = new Auth($accessKey, $secretKey);

// 在前端直传文件时，可以使用七牛云的回调机制获取到上传成功的文件信息
$callbackBody = '{"key": $(key), "hash": $(etag), "width": $(imageInfo.width), "height": $(imageInfo.height)}';
$callbackUrl = '<Your Callback URL>';
$callbackHost = '<Your Callback Host>';
$policy = array(
    'callbackUrl' => $callbackUrl,
    'callbackBody' => $callbackBody,
    'callbackHost' => $callbackHost,
    'mimeLimit' => 'image/*', // 限制文件类型为图片
);

// 生成上传Token
$token = $auth->uploadToken($bucket, null, 3600, $policy);

// 处理图片并上传到七牛云
if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_FILES['image'])) {
    $file = $_FILES['image'];

    if ($file['error'] === 0) {
        // 使用Intervention/Image库处理图片
        $image = Image::make($file['tmp_name']);

        // 生成缩略图（宽度为300px）
        $thumbnail = $image->resize(300, null, function ($constraint) {
            $constraint->aspectRatio();
            $constraint->upsize();
        });

        // 保存缩略图
        $thumbnailFile = tempnam(sys_get_temp_dir(), 'thumbnail_');
        $thumbnail->save($thumbnailFile);

        // 上传图片到七牛云
        $uploader = new UploadManager();
        $uploadResult = $uploader->putFile($token, null, $thumbnailFile);

        // 输出结果（包含上传成功后的文件信息）
        echo json_encode($uploadResult, JSON_PRETTY_PRINT);
        exit;
    }
}
?>
<!DOCTYPE html>
<html>
<head>
    <title>图片上传示例</title>
</head>
<body>
<form method="post" enctype="multipart/form-data">
    <input type="file" name="image">
    <button type="submit">上传</button>
</form>
</body>
</html>

登入後複製