From c5903a05769ecf40598c3ef031b3e6984f796730 Mon Sep 17 00:00:00 2001 From: Thuan Bui <9248622+10h30@users.noreply.github.com> Date: Mon, 5 May 2025 20:42:44 +0900 Subject: [PATCH] Complete Part 3 --- README.md | 1 + app/Http/Controllers/UploadController.php | 44 +++++++++++------------ resources/views/upload.blade.php | 24 +++++++++---- 3 files changed, 40 insertions(+), 29 deletions(-) diff --git a/README.md b/README.md index 521e79f..b7197f8 100644 --- a/README.md +++ b/README.md @@ -8,6 +8,7 @@ | ---- | -------------------------------- | ------------------------------------------------------------------------------------------------------------------- | | 1 | File Upload cơ bản trong Laravel | [`part-1-basic-upload`](https://github.com/10h30/laravel-file-upload-series/tree/part-1-basic-upload) | | 2 | Validation & Bảo mật khi upload | [`part-2-validation-security`](https://github.com/10h30/laravel-file-upload-series/tree/part-2-validation-security) | +| 3 | Upload cùng lúc nhiều file | [`part-3-multiple-file-upload`](https://github.com/10h30/laravel-file-upload-series/tree/part-3-multiple-file-upload) | | | > 📖 Mỗi branch tương ứng với một phần trong series blog. Bạn có thể clone và chạy từng phần riêng biệt để dễ theo dõi. diff --git a/app/Http/Controllers/UploadController.php b/app/Http/Controllers/UploadController.php index d09b8f3..3cfa1bb 100644 --- a/app/Http/Controllers/UploadController.php +++ b/app/Http/Controllers/UploadController.php @@ -27,33 +27,31 @@ class UploadController extends Controller { // 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([ - 'file' => 'required|image|mimes:jpg,jpeg|dimensions:max_width=600,min_height=100,max:2048', // max = 2MB + '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 - $storedFilePath = null; - $originalFilename = null; + $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) { - // Kiểm tra xem request có chứa file với tên là 'file' không - if ($request->hasFile('file')) { - // Lấy đối tượng file từ request - $file = $request->file('file'); // Lấy tên file gốc từ client $originalFilename = $file->getClientOriginalName(); + $originalFilenames[] = $originalFilename; // Thêm tên gốc vào array - /* - // Lưu file vào thư mục 'uploads' trên disk 'public' (thường là storage/app/public/uploads) - // Laravel sẽ tự động tạo tên file duy nhất để tránh ghi đè - // Phương thức store() trả về đường dẫn tương đối của file đã lưu (ví dụ: 'uploads/ten_file_duy_nhat.jpg') - $storedFilePath = $file->store('uploads', 'public'); */ - - // 3. Chuẩn bị các phần của tên file + // 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 sẽ sử dụng (được định nghĩa trong config/filesystems.php) + $disk = 'public'; // Disk public sẽ sử dụng (được định nghĩa trong config/filesystems.php) - // 4. Xác định tên file duy nhất + // Xác định tên file duy nhất $finalFilename = $originalFilename; // Bắt đầu với tên gốc $counter = 1; @@ -64,15 +62,17 @@ class UploadController extends Controller $counter++; } - // 5. Lưu file bằng storeAs với tên file mới + // 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 } + // Chuyển hướng về trang trước đó - return back()->with('success', 'File uploaded successfully') - // Gửi kèm đường dẫn file đã lưu vào session flash data - ->with('stored_path', $storedFilePath) - // Gửi kèm tên file gốc vào session flash data - ->with('original_filename', $originalFilename); + 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); } } diff --git a/resources/views/upload.blade.php b/resources/views/upload.blade.php index 66ccddc..c17bb0d 100644 --- a/resources/views/upload.blade.php +++ b/resources/views/upload.blade.php @@ -19,8 +19,8 @@
@csrf
- - Choose files + Success!

{{ session("success") }}

- @if (session("stored_path")) + {{-- Kiểm tra xem session có chứa 'stored_paths' (mảng đường dẫn các file đã lưu) + và giá trị đó có phải là một mảng hợp lệ không --}} + @if (session("stored_paths") && is_array(session("stored_paths")))
-

Original Filename: {{ session("original_filename", "N/A") }}

-

Stored Path: {{ session("stored_path") }}

- Uploaded Image +

Uploaded Files:

+ {{-- Lặp qua array các đường dẫn file đã lưu. $index là chỉ số, $path là đường dẫn --}} + @foreach (session("stored_paths") as $index => $path) +
+

Original Filename: + {{ session("original_filenames")[$index] }} +

+

Stored Path: {{ $path }}

+ Uploaded Image {{ $index + 1 }} +
+ @endforeach
@endif