Cara membuat ajax upload sederhana dengan Laravel

Bro kali ini kita akan mendemonstrasikan penggunaan ajax upload dengan menggunakan library Plupload dan jquery.

Ada beberapa manfaat kita menggunakan plupload ini sebagai library :

1. Dapat melakukan proses upload dengan metode chunk atau pemotongan file-file besar menjadi lebih kecil / parsial pada saat proses upload

2. Adanya fitur progress upload yang sederhana.

3. Multiple Upload

4. Resize on the fly. Artinya kita bisa setting di library ini dengan melakukan resize gambar yang diupload oleh resource klien, ini sangat bermanfaat karena dapat mengurangi kinerja server dalam proses image resize.

5. Upload dengan menggunakan HTML5 tanpa harus  ada flash.

 

Berikut langkah-langkahnya :

1. Tambahkan jquery dan library ini di master template atau blade view kalian dibawah ini kita menggunakan cdnjs jadi tidak perlu di download librarynya  :

 

2. Buat satu file baru namanya custom.js taruh file tersebut di folder /public/js/ dan isikan baris ini :

 

3. Tambahkan tombol upload dan csrf_token di halaman blade yang ingin anda tambahkan fitur upload ajax tadi script berikut :

 

4. Buat satu file controller dengan nama AttachmentController.php dengan isian berikut :

file ini digunakan untuk menerima kiriman file upload yang telah diupload pada plupload.

 

5. Jangan lupa tambahkan routes di file web.php dengan route script berikut :

 

berikut contoh tampilan form yang saya buat dengan menambahkan fitur upload dengan contoh script diatas (tombol upload isinya adalah script pada langkah 3 diatas ) :

 

Selesai bro… jika ada yang kurang jelas bisa didiskusikan di kolom komentar.

Our Score

Komentari bro