Sử dụng Dropzone Image Upload trong Laravel 6

Đầ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.

<script src="https://gist.github.com/TrungPhuNA/b258f151bd29dfe953a1bc37bb746979.js"></script>

Tiếp đó mình sẽ tạo 1 view như sau 

resources/views/dropzone-view.blade.php

Nội dung view đó là 

<script src="https://gist.github.com/TrungPhuNA/bd994577ed6d22083ee791a185b776f8.js"></script>

Và hãy thử thực hành với nó để xem kết quả như thế nào nhé.

123code.net - Tạo cảm giác an toàn, uy tín, chất lượng đến cho mọi người

123code.net mang lại cảm giác an toàn nhất cho bạn, không làm bạn thất vọng, giúp bạn giải quyết được vấn đề đồ án tốt nghiệp ở thời điểm hiện tại và tương lai

- Đưa ra giải pháp, góp ý giúp bạn có được một đề tài đồ án tốt, phù hợp nhất

- Có nhiều tính năng mới, độc giúp thu hút, thuyết phục được giáo viên phản biện cũng như hội đồng bảo vệ đồ án

- Đúng ngày, đúng giờ, đầy đủ yêu cầu - tính năng

=> Nhanh tay đăng ký hoạc liên hệ với admin tại đây để có được một đồ án phù hợp với mình