Method to realize real-time processing and quick preview of images using PHP and Qiniu cloud storage interface

王林

Release： 2023-07-05 09:30:02

Original

1746 people have browsed it

Methods to use PHP and Qiniu Cloud Storage interface to achieve real-time processing and quick preview of images

Abstract: This article will introduce how to use PHP and Qiniu Cloud Storage interface to achieve real-time processing and quick preview of images. We explain specific steps through sample code to help readers understand how to process images, generate thumbnails, and provide quick preview functions.

Introduction

With the rapid development of the Internet, pictures, as one of the important elements in information transmission, are widely used in various fields. In order to improve the user experience, we usually need to process images, such as generating thumbnails, adding watermarks, etc. At the same time, in high-concurrency scenarios, in order to provide fast preview effects, we need to rely on cloud storage services to store and accelerate image access.

Qiniu Cloud Storage is one of the leading cloud storage platforms in China. It provides rich interfaces and powerful functions to facilitate developers to process and store images. Combined with PHP as a server-side language, we can easily achieve real-time processing and quick preview of images.

Environment preparation

Before starting the implementation, we need to complete the following preparations:

Register a Qiniu cloud storage account and create a new storage space .
Install PHP, it is recommended to use the latest version.
Install composer to manage PHP dependency packages.

Install dependent libraries

Open a terminal in the project directory and execute the following command to install the required dependent libraries:

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

Copy after login

Sample code

The following sample code demonstrates how to use PHP and Qiniu cloud storage interface to achieve real-time processing and quick preview of images.

<?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>

Copy after login

Summary

By using PHP and Qiniu cloud storage interface, we can easily achieve real-time processing and quick preview of images. This article introduces the implementation steps in detail through sample code, and provides an example of image uploading, which readers can extend and modify according to their own needs.

In practical applications, we can learn more about the use of advanced functions, such as adding watermarks, cropping pictures, etc. according to the interface document of Qiniu Cloud Storage. At the same time, we can also use the CDN acceleration service provided by Qiniu Cloud Storage to speed up image access and improve user experience. I hope this article will be helpful to developers in image processing and storage in actual projects.

The above is the detailed content of Method to realize real-time processing and quick preview of images using PHP and Qiniu cloud storage interface. For more information, please follow other related articles on the PHP Chinese website!