ThinkPHP 5 实现图片上传及压缩保存的技巧

前端

2023-09-12 17:39:18

在 ThinkPHP 5 中轻松实现图片上传与压缩

对于许多项目来说，图片上传功能都是必不可少的。如果你正在使用 ThinkPHP 5 框架，并希望加入图片上传功能，同时压缩图片以节省服务器空间，那么这篇教程将为你提供详细的指导。

准备工作

首先，你需要一个 ThinkPHP 5 项目。如果没有，可以按照官方文档进行安装和设置。接下来，你需要安装一些扩展库，具体如下：

composer require league/flysystem-aws-s3
composer require intervention/image

配置扩展库

在 ThinkPHP 5 项目中，我们需要配置这些扩展库。编辑 config/app.php 文件，在 providers 数组中添加以下内容：

'providers' => [
    ...
    Intervention\Image\ImageServiceProvider::class,
    ...
],

此外，编辑 config/filesystems.php 文件，在 disks 数组中添加以下内容：

'disks' => [
    ...
    'local' => [
        'driver' => 'local',
        'root' => public_path('uploads'),
    ],
    ...
],

编写控制器

下一步，我们需要编写一个控制器来处理图片上传。在 app/controller/UploadController.php 文件中，添加以下代码：

namespace app\controller;

use think\Controller;
use think\Request;
use Intervention\Image\ImageManager;
use Illuminate\Support\Facades\Storage;

class UploadController extends Controller
{
    public function index()
    {
        return view('upload');
    }

    public function store(Request $request)
    {
        $file = $request->file('image');
        if ($file) {
            $imageManager = new ImageManager();
            $image = $imageManager->make($file)->resize(1024, 1024);

            $path = 'uploads/' . $file->getClientOriginalName();
            Storage::disk('local')->put($path, $image->stream());

            return json_encode(['code' => 0, 'msg' => '上传成功', 'data' => ['url' => url($path)]]);
        } else {
            return json_encode(['code' => 1, 'msg' => '上传失败']);
        }
    }
}

创建视图

现在，我们需要创建用于上传图片的视图。在 resources/views/upload.blade.php 文件中，添加以下内容：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    
</head>
<body>
    <form action="{{ url('upload/store') }}" method="post" enctype="multipart/form-data">
        <input type="file" name="image">
        <button type="submit">上传</button>
    </form>
</body>
</html>