File Upload trong Laravel – [Phần 4] Hiển thị và xoá các file đã upload

php artisan make:model Upload -mCode language: CSS (css)

        Schema::create('uploads', function (Blueprint $table) {
            $table->id();
            $table->string('filename');
            $table->string('original_filename');
            $table->timestamps();
        });Code language: PHP (php)

php artisan migrateCode language: Nginx (nginx)

<?php

namespace App\Models;

use Illuminate\Database\Eloquent\Model;

class Upload extends Model
{
    protected $fillable = [
        'filename',
        'original_filename'
    ];
}Code language: HTML, XML (xml)

    public function store(Request $request)
    {
        // Kiểm tra request có chứa file không? và có dáp ứng các yêu cầu không
        $request->validate([
            'files' => 'required|array', // Tên input là 'files[]' trong HTML
            'files.*' => 'required|image|mimes:jpg,jpeg,png|max:2048', // max = 2MB mỗi file
        ]);

        // Tạo biến mới để lưu đường dẫn và tên file gốc
        $storedFilePaths = []; // Array lưu đường dẫn các file đã lưu thành công
        $originalFilenames = []; // Array lưu tên gốc của các file
        $uploadedFiles = $request->file('files'); // Lấy array các đối tượng file đã upload
        $numberOfFiles = count($uploadedFiles); // Đếm số lượng file đã upload


        // Lặp qua từng file trong array $uploadedFiles
        foreach ($uploadedFiles as $file) {

            // Lấy tên file gốc từ client
            $originalFilename = $file->getClientOriginalName();
            $originalFilenames[] = $originalFilename; // Thêm tên gốc vào array

            // Chuẩn bị các phần của tên file
            $filenameWithoutExtension = pathinfo($originalFilename, PATHINFO_FILENAME); // Lấy tên file không có phần mở rộng
            $extension = $file->getClientOriginalExtension(); // Lấy phần mở rộng
            $directory = 'uploads'; // Thư mục lưu file trên disk
            $disk = 'public'; // Disk public sẽ sử dụng (được định nghĩa trong config/filesystems.php)

            // Xác định tên file duy nhất
            $finalFilename = $originalFilename; // Bắt đầu với tên gốc
            $counter = 1;

            // Kiểm tra xem file đã tồn tại chưa
            while (Storage::disk($disk)->exists($directory . '/' . $finalFilename)) {
                // Nếu tồn tại, tạo tên mới với hậu tố 1,2,3,...
                $finalFilename = $filenameWithoutExtension . '-' . $counter . '.' . $extension;
                $counter++;
            }

            // Lưu file bằng storeAs với tên file mới
            $storedFilePath = $file->storeAs($directory, $finalFilename, $disk); // Trả về đường dẫn tương đối: 'uploads/ten_file_cuoi_cung.jpg'
            $storedFilePaths[] = $storedFilePath; // Thêm đường dẫn file đã lưu vào array $storedFilePaths

            // Tạo bản ghi mới trong table uploads của database
            Upload::create([
                'filename' => $storedFilePath,
                'original_filename' => $originalFilename,
            ]);

        }

        // Chuyển hướng về trang trước đó
        return back()->with('success', 'You have successfully uploaded ' . $numberOfFiles . ' files')
            // Gửi kèm array các đường dẫn file đã lưu vào session flash data với key 'stored_paths'
            ->with('stored_paths', $storedFilePaths)
            // Gửi kèm array các tên file gốc vào session flash data với key 'original_filenames'
            ->with('original_filenames', $originalFilenames);
    }
Code language: PHP (php)

    public function index()
    {
        $uploads = Upload::latest()->get();
        return view('upload', compact('uploads'));
    }Code language: PHP (php)

    @if (count($uploads) > 0)
        <div class="container mx-auto mt-10 p-10 bg-white rounded-lg shadow-md max-w-md">
            @foreach ($uploads as $upload)
                <li class="flex items-center justify-between mb-4">
                    <a class="flex items-center gap-4 py-2" href="{{ $upload->filename }}" target="_blank">
                        <img src="{{ $upload->filename }}" alt="{{ $upload->filename }}" width="50" height="50">
                        <span>{{ $upload->original_filename }}</span>
                    </a>
                </li>
            @endforeach

        </div>
    @endifCode language: HTML, XML (xml)

Route::delete('/upload/{upload}', [UploadController::class, 'destroy'])->name('upload.destroy');Code language: PHP (php)

    public function destroy(Upload $upload)
    {
        // Xoá file vật lý khỏi disk 'public' dựa vào đường dẫn lưu trong $upload->filename
        Storage::disk('public')->delete($upload->filename);

        // Xoá bản ghi tương ứng trong database
        $upload->delete();

        // Chuyển hướng người dùng về trang trước đó với thông báo thành công
        return back()->with('success', 'You have successfully deleted ' . $upload->original_filename);
    }Code language: PHP (php)

    @if (count($uploads) > 0)
        <div class="container mx-auto mt-10 p-10 bg-white rounded-lg shadow-md max-w-md">
            @foreach ($uploads as $upload)
                <li class="flex items-center justify-between mb-4">
                    <a class="flex items-center gap-4 py-2" href="{{ $upload->filename }}" target="_blank">
                        <img src="{{ $upload->filename }}" alt="{{ $upload->filename }}" width="50" height="50">
                        <span>{{ $upload->original_filename }}</span>
                    </a>
                    <form action="{{ route("upload.destroy", $upload->id) }}"
                        method="POST"
                        style="display:inline;"
                        onsubmit="return confirm('Are you sure you want to delete this file?');">
                        @csrf
                        @method("DELETE")
                        <button type="submit" class="bg-red-500 hover:bg-red-700 text-white font-bold py-2 px-4 rounded">Xóa</button>
                    </form>
                </li>
            @endforeach
        </div>
    @endif
Code language: HTML, XML (xml)