I want to use Dropzone.js for multiple image upload. I also wanna add a image title field and the image should be uploaded when i hit the submit button? Can u plz help me??
Every image you upload in the dropzone input will result in it's own POST request. It's up to you to manage any associated data. @JeffreyWay has a pretty comprehensive video on using Dropzone for exactly this:
https://laracasts.com/series/build-project-flyer-with-me/episodes/11
Let us know where you get with that.
@burlresearch Sorry but i am not a premium user.. Can u provide me some other ways to solve my problem.
when you drop multiple files into the dropzone file upload box, each one will be posted to the endpoint you specify, then you should be able to handle each request with something like:
$this->validate($request, [ 'file' => 'required']);
/** @var UploadedFile $file */
$file = $request->file('file');
if($request->file('file')->isValid()) {
$ret['fname'] = $fname = $file->getClientOriginalName();
//...
}
@burlresearch But when i drop the files it is automatically uploading. I also want extra text field in the form and when i hit the submit button then the data is submitted.
for that you probably don't want Dropzone, just use an <input type="file"... in your form.
Or, if you want to use Dropzone for multi-file input, then use a 2-phase approach. Where,
<input type="hidden" and then just submit with your form, along with the other submitted data.This 2-phase approach is nice from a UX perspective also, since while the files are uploading then your users are busy filling out the rest of the form, so when the finally submit, the data is already there.
@burlresearch i am trying to use 2nd option but i don't know how to use this in my blade file
Please or to participate in this conversation.