Multiple Laravel Image Upload Using Ajax

Question

I tried to upload several images in Laravel 4, using JQuery and Ajax without a refreshing page, with a progress bar, delete button and overview (display the downloaded thumbnail, where deleting removes it from the database).

I took a lot of approaches, ( http://packalyst.com/packages/package/sukohi/surpass ) (despite the following steps, it still doesn't work). Another approach that I used ( https://gist.github.com/filip-adriginal/bd397c5ec22a5916a966#file-gistfile1-txt ) tried jQuery-File-Upload.

I can upload multiple images using (using foreach in the controller):

 {{ Form::file('image[]', array('multiple'=>true)) }}

I also watched videos, tutorials, and blogs, but they either had partial information or unresolved issues.

If anyone can give me a sample code or point me in the right direction, that would be great! Thanks to everyone for any help, really appreciate it.

Answer 1

try DropzoneJs. I think this is the best downloadable JS plugin

Answer 2

Howto: Uploading multiple AJAX files to Laravel is a great tutorial using Dropzone.js, check it out. Also check out this Laravel Ajax Multiple Image Upload and Preview tutorial , which also uses Dropzone.js.