Integrating Dropzone.js in Laravel 5 applications

Step 2: Setup the Dropzone.js form element in your view.

Or you can simply put
You can simply modify the form just like the above code if you want to make some styles and adjustments to the design.

You will have something like this image

The action is the link to where the script that will save the image to the storage.

You can add the following script below for more complete control over your dropzone. You can tweak it using the dropzone configuration.

We define the CSRF-TOKEN which is very important in Laravel REST actions.

The setting above will allow 20 files to simultaneously process. And we refer to our dropzone with the id my-dropzone.

Note: without the token defined, it will not work.

Sharing is caring!