DEV Community

Cover image for Simple Drag and Drop File Upload using Dropzone JS - Laravel 8
Robert Look
Robert Look

Posted on

Simple Drag and Drop File Upload using Dropzone JS - Laravel 8

how to drag and drop upload multiple files in laravel 8 using dropzone js. Drag and drop file upload using dropzone js in your project. In this tutorial, you will learn, dropzone multiple files uploading using dropzone Js in laravel project. This post uploads multiple images in the drop zone plugin, without a refresh or reloads web page using dropzone js in laravel 8.

The drop zone is a jquery plugin, dropzone.js through you can select one by one image and also with preview. After choosing the image from browse, you can see a preview of the image. Drop zone also provides filters like validation for max upload, a specific image or file extension, etc.

we will create two routes, one of display dropzone image upload form view and another for the store images. Then, We create two methods on DropzoneController. We learn drag and drop image upload jquery.

Simple Drag and Drop File Upload using Dropzone JS - Laravel 8

<script type="text/javascript">
        Dropzone.options.imageUpload = {
            maxFilesize         :       1,
            acceptedFiles: ".jpeg,.jpg,.png,.gif"
        };
</script>

Enter fullscreen mode Exit fullscreen mode

Top comments (0)