Sử dụng Dropzone Image Upload trong Laravel 6
Bài hướng dẫn này mình sẽ hướng dẫn các bạn sử dụng Dropzone để upload hình ảnh trong laravel 6x.
Đầu tiên thì chúng ta nên tìm hiểu qua Dropzone js là gì
Khái niệm DropzoneJs là gì?
DropzoneJS là một thư viện javascript cho phép upload nhiều file thông qua AJAX. Ngoài ra, thư viện này còn hỗ trợ tính năng kéo thả file và tính năng xem trước file ảnh đã upload.
Để hiểu rõ hơn nữa bạn có thể vào trang chủ của nó để đọc và tìm hiểu thêm các options của no s
https://www.dropzonejs.com/
Cách sử dụng kết hợp trong laravel
Cài đặt laravel
- Bước này cũng khá đơn gian nên mình ko hướng dẫn ở phần này nhé
- Các bạn hãy tạo cho mình 1 project laravel phiên bản 6x nhé
Thêm route
Route::get('dropzone','DropzoneController@dropzone');
Route::post('dropzone/store', 'DropzoneController@dropzoneStore')->name('dropzone.store');
Các bạn tạo cho mình 2 route như ở trên nhé.
Tạo controller
Các bạn tạo cho mình 1 controller là : DropzoneController
app/Http/Controllers/DropzoneController.php
Và nội dung file controller như sau.
Tiếp đó mình sẽ tạo 1 view như sau
resources/views/dropzone-view.blade.php
Nội dung view đó là
Và hãy thử thực hành với nó để xem kết quả như thế nào nhé.
Để lại comment của bạn nếu gặp khó khăn