Trong bài đăng này, tôi sẽ giải thích tất cả về Tải lên hình ảnh trong LARAVEL
Sau khi cài đặt dự án mã mở Laravel trong trình chỉnh sửa mã và làm theo các bước bên dưới
Bước 1
Tạo Bộ điều khiển để xử lý tất cả các hoạt động tải lên hình ảnh bằng cách chạy lệnh bên dưới
php artisan make:controller ImageController
Vào chế độ toàn màn hình Thoát chế độ toàn màn hình
điều này sẽ tạo một bộ điều khiển bên trong thư mục app\Http\Controllers
Bây giờ hãy cập nhật bộ điều khiển của bạn với các mã sau
<?php namespace App\Http\Controllers; use Illuminate\Http\Request; class ImageController extends Controller { // View File To Upload Image public function index() { return view('image-form'); } // Store Image public function storeImage(Request $request) { $request->validate([ 'image' => 'required|image|mimes:png,jpg,jpeg|max:2048' ]); $imageName = time().'.'.$request->image->extension(); // Public Folder $request->image->move(public_path('images'), $imageName); // //Store in Storage Folder // $request->image->storeAs('images', $imageName); // // Store in S3 // $request->image->storeAs('images', $imageName, 's3'); //Store IMage in DB return back()->with('success', 'Image uploaded Successfully!') ->with('image', $imageName); } }
Vào chế độ toàn màn hình Thoát chế độ toàn màn hình
Bước 2
Điều tiếp theo là cập nhật các tuyến đường, để cập nhật nó, hãy mở tệp routes/web.php và thêm các tuyến đường bên dưới
Route::controller(ImageController::class)->group(function(){ Route::get('/image-upload', 'index')->name('image.form'); Route::post('/upload-image', 'storeImage')->name('image.store'); });
Vào chế độ toàn màn hình Thoát chế độ toàn màn hình
Bước 3
Bây giờ là lúc tạo tệp xem, mở thư mục resources/views và tạo tệp có tên image-form.blade.php và cập nhật tệp bằng mã bên dưới
@extends('app') @section('content') <!-- Container (Contact Section) --> <div id="contact" class="container"> <h1 class="text-center" style="margin-top: 100px">Image Upload</h1> @if ($message = Session::get('success')) <div class="alert alert-success alert-block"> <strong>{{$message}}</strong> </div> <img src="{{ asset('images/'.Session::get('image')) }}" /> @endif <form method="POST" action="{{ route('image.store') }}" enctype="multipart/form-data"> @csrf <input type="file" class="form-control" name="image" /> <button type="submit" class="btn btn-sm">Upload</button> </form> </div> @endsection
Vào chế độ toàn màn hình Thoát chế độ toàn màn hình
Bây giờ nếu bạn truy cập trình duyệt và truy cập /image-upload, bạn sẽ thấy tùy chọn tải lên hình ảnh
và khi bạn chọn và hình ảnh và tải nó lên, bạn sẽ thấy thông báo thành công với hình ảnh
Ở đây bạn sẽ nhận được video hướng dẫn hoàn chỉnh trên Youtube
Nếu bạn gặp phải bất kỳ vấn đề nào trong khi triển khai, vui lòng nhận xét truy vấn của bạn
Cảm ơn bạn đã đọc
Liên lạc với tôi
Twitter
Instagram
YouTube