Level 10
What does the form tag look like? Do you have the below as part of your form tag?
enctype="multipart/form-data"
Sep 13, 2022
6
Level 1
adding image with other form element using dropzone.js
i want to upload the images using dropzone.js. this is my blade code given below as
<div class="card">
<div class="card-header">
<h5 class="card-title mb-0">Slider Gallery</h5>
</div>
<div class="card-body">
<div>
<h5 class="fs-14 mb-1">Slider Gallery</h5>
<p class="text-muted">Add Slider Gallery Images.</p>
<div class="dropzone">
<div class="fallback">
<input name="file" type="file" multiple="multiple">
</div>
<div class="dz-message needsclick">
<div class="mb-3">
<i class="display-4 text-muted ri-upload-cloud-2-fill"></i>
</div>
<h5>Drop files here or click to upload.</h5>
</div>
</div>
<ul class="list-unstyled mb-0" id="dropzone-preview">
<li class="mt-2" id="dropzone-preview-list">
<!-- This is used as the file preview template -->
<div class="border rounded">
<div class="d-flex p-2">
<div class="flex-shrink-0 me-3">
<div class="avatar-sm bg-light rounded">
<img data-dz-thumbnail class="img-fluid rounded d-block" src="#" alt="slider-Image" />
</div>
</div>
<div class="flex-grow-1">
<div class="pt-1">
<h5 class="fs-14 mb-1" data-dz-name> </h5>
<p class="fs-13 text-muted mb-0" data-dz-size></p>
<strong class="error text-danger" data-dz-errormessage></strong>
</div>
</div>
<div class="flex-shrink-0 ms-3">
<button data-dz-remove class="btn btn-sm btn-danger">Delete</button>
</div>
</div>
</div>
</li>
</ul>
<!-- end dropzon-preview -->
</div>
</div>
</div>
i want to upload the files using jquery. the other form elements data are posting in the controller but dropzone data is not showing in the controller. can anybody help me out about this.
Level 1
@RayC yeah i added this in my form.
method="POST" action="{{ isset($slider) ? route('slider.update', $slider->id) : route('slider.store') }}" id="createslider-form" autocomplete="off" enctype="multipart/form-data" class="needs-validation" novalidate
Level 10
You'd need to show more of your code for anyone to help, Controller function, Dropzone javascript code and so on. There is not enough information provided here.
However, doing a google search for 'Laravel and Dropzone' came up with a ton of results on how to make it happen.
Level 1
@RayC i checked all of this but they are not helpful.
Level 10
@zulqarnain Then as I stated, you need to show your code (not just part of your blade file) in order to receive help.
Level 1
@RayC this is my jquery code
var dropzonePreviewNode = document.querySelector("#dropzone-preview-list"); dropzonePreviewNode.itemid = ""; var previewTemplate = dropzonePreviewNode.parentNode.innerHTML; dropzonePreviewNode.parentNode.removeChild(dropzonePreviewNode); var dropzone = new Dropzone(".dropzone", { url: "/uploadslider", method: "post", previewTemplate: previewTemplate, previewsContainer: "#dropzone-preview"
});
Please or to participate in this conversation.