Je veux utiliser dropzone pour télécharger plusieurs images avec un autre formulaire entrées donc je veux un div qui montre les images lorsque l'utilisateur clique, aussi j'ai un bouton qui déclencher le formulaire .Laravel et dropzone en utilisant div et un autre formulaire entrées
j'ai cela, mais sa ne fonctionne pas
html:
<div class="col-md-12">
<h1>Upload Multiple Images using dropzone.js and Laravel</h1>
{!! Form::open([ 'route' => [ 'dropzone.store' ], 'files' => true, 'enctype' => 'multipart/form-data', 'class' => '', 'id' => '' ]) !!}
{!! Form::text('name'); !!}
<div class="dropzone" id="image-upload">
<h3>Upload Multiple Image By Click On Box</h3>
<button type="submit" class="btn btn-success" id="submit-all">
Enviar files
</button>
</div>
{!! Form::close() !!}
</div>
dropzone:
Dropzone.autoDiscover = false;
var imageUpload = new Dropzone("div#image-upload", {
url: "dropzone/store",
autoProcessQueue:false,
uploadMultiple: true,
maxFilesize:5,
maxFiles:3,
acceptedFiles: ".jpeg,.jpg,.png,.gif",
init: function() {
var submitButton = document.querySelector("#submit-all")
//imageUpload = this; // closure
submitButton.addEventListener("click", function(e) {
e.preventDefault();
e.stopPropagation();
imageUpload.processQueue(); // Tell Dropzone to process all queued files.
});
// You might want to show the submit button only when
// files are dropped here:
this.on("addedfile", function() {
// Show submit button here and/or inform user to click it.
});
}
}
cela m'a donné cette erreur: http://127.0.0.1/project/public/dropzone/store 419 (statut inconnu)
myController:
public function dropzone()
{
return view('dropzone-view');
}
/**
* Image Upload Code
*
* @return void
*/
public function dropzoneStore(Request $request)
{
$dir = public_path().'/upload/';
$files = $request->file('file');
foreach($files as $file){
$fileName = $file->getClientOriginalName();
$file->move($dir, $fileName);
}
}
routes: web.php
Route::get('dropzone', '[email protected]');
Route::post('dropzone/store', ['as'=>'dropzone.store','uses'=>'[email protected]']);
oui c'est l'erreur, j'ai mis dans l'objet dropzone comme ceci: var myDropzone = new Dropzone ("div # ima ge-upload ", {headers: { 'X-CSRF-TOKEN': $ ('meta [nom =" csrf-token "]'). attr ('contenu') })}; – Leoh