Trong bài đăng này, chúng tôi sẽ cung cấp cho bạn thông tin về Laravel 5. 6 – Tải lên nhiều hình ảnh bằng bootstrap-fileinput. Hãy nghe chúng tôi cung cấp cho bạn thông tin chi tiết về Laravel 5. 6 – Upload nhiều ảnh bằng bootstrap-fileinputVà cách sử dụng mình cũng demo cho các bạn nếu thấy cần thiết

Hôm nay, tôi muốn chia sẻ với bạn một cách tuyệt vời và tuyệt vời để tải lên nhiều hình ảnh bằng plugin bootstrap-fileinput laravel 5. 6 ứng dụng. bạn có thể tạo thư viện hình ảnh như tải lên nhiều hình ảnh, thu phóng hình ảnh, xóa hình ảnh, v.v. bằng cách sử dụng plugin bootstrap-fileinput. bạn cũng có thể đặt xác thực mặt trước cho tệp

bootstrap-fileinput là một plugin bootstrap. bootstrap-fileinput cung cấp cho chúng tôi tải lên nhiều hình ảnh hoặc tệp bằng dropzone. bootstrap-fileinput cũng sử dụng dropzone js để tải lên hình ảnh. bootstrap-fileinput là plugin siêu tuyệt vời

Tôi cũng đã đăng nhiều hướng dẫn về tải lên hình ảnh hoặc tải lên tệp trong laravel, bạn có thể thấy bên dưới được liệt kê, nhưng cái này nó có gì đó tuyệt vời

1) Laravel 5 – Ajax cắt hình ảnh trước khi tải lên bằng cách sử dụng plugin croppie

2) Laravel 5 – Ví dụ về Thư viện ảnh CRUD từ đầu

3) Ví dụ tải lên hình ảnh Ajax có xác thực trong PHP Laravel Framework

4) Laravel 5. 3 Ví dụ về Tải lên Hình ảnh với Xác thực

5) Laravel 5 – Tải lên nhiều hình ảnh bằng dropzone. ví dụ js với bản demo

6) Laravel 5 – Ví dụ về tải lên và thay đổi kích thước hình ảnh bằng Gói hình ảnh can thiệp

7) Ví dụ tải lên tệp Laravel 5 (Hình ảnh) có xác thực

Như bạn có thể thấy ở trên, tất cả các liên kết đều liên quan đến tải lên hình ảnh trong ứng dụng Laravel. trong hướng dẫn này, chúng tôi sẽ tạo nhiều hình ảnh bằng cách sử dụng plugin bootstrap-fileinput. Vì vậy, hãy làm theo bước dưới đây. tôi cũng đã tạo bản demo, bạn cũng có thể kiểm tra

Xem thêm   Laravel 5. 5 Tính năng mới - Ví dụ về chỉ thị BladeIf

Xem trước

Bước 1. Tạo tuyến đường

Trong bước này, chúng tôi sẽ tạo các tuyến web. Laravel cung cấp web. tệp php để ghi tuyến dịch vụ web. Vì vậy, hãy thêm tuyến đường mới vào tệp đó

tuyến đường/web. php

Route::get('image-view','ImageController@index');
Route::post('image-view','ImageController@store');

Bước 2. Tạo tệp ImageController

trong bước tiếp theo, bây giờ chúng ta đã tạo bộ điều khiển mới là ImageController và chúng ta sẽ viết phương thức get và post với thông tin đăng nhập tải lên hình ảnh, Vì vậy, hãy tạo một bộ điều khiển

ứng dụng/Http/Bộ điều khiển/ImageController. php

namespace AppHttpControllers;

use IlluminateHttpRequest;

class ImageController extends Controller
{



    /**
     * success response method.
     *
     * @return IlluminateHttpResponse
     */
    public function index()
    {
    	return view('image-view');
    }

    /**
     * success response method.
     *
     * @return IlluminateHttpResponse
     */
    public function store(Request $request)
    {
    	$imageName = request()->file->getClientOriginalName();
        request()->file->move(public_path('upload'), $imageName);

    	return response()->json(['uploaded' => '/upload/'.$imageName]);
    }
}

Bước 2. Tạo tập tin lưỡi dao

ở bước cuối cùng, bây giờ chúng tôi đã tạo chế độ xem hình ảnh mới. lưỡi. php ở đây chúng tôi sẽ viết mã cho plugin js, vì vậy hãy tạo tệp

tài nguyên/lượt xem/xem hình ảnh. lưỡi. php

Xem thêm. Laravel – Ajax cắt hình ảnh trước khi tải lên bằng plugin croppie

    



 
 
 
 
 
 
 
File Input Example

 {!! csrf_field() !!}
 
 
 
 
 
 
 
 
 



 
 
 
 

 

Bây giờ cuối cùng nghĩ,

Bạn phải tạo thư mục “upload” trong thư mục chung của mình

Bạn cũng có thể xem bản demo từ nút bên dưới

Tôi hy vọng nó có thể giúp bạn…

Hy vọng mã và bài đăng này sẽ giúp bạn triển khai Laravel 5. 6 – Tải lên nhiều hình ảnh bằng bootstrap-fileinput. nếu bạn cần bất kỳ trợ giúp hoặc bất kỳ phản hồi nào, hãy đưa ra trong phần bình luận hoặc bạn có ý tưởng hay về bài đăng này, bạn có thể đưa ra phần bình luận. Nhận xét của bạn sẽ giúp chúng tôi giúp bạn nhiều hơn và cải thiện chúng tôi. chúng tôi cũng sẽ cung cấp cho bạn loại bài đăng thú vị hơn này trong phần nổi bật, Để có bài đăng và mã thú vị hơn Hãy tiếp tục đọc blog của chúng tôi