A voir également:
- Html drop zone
- Alternative zone telechargement - Accueil - Outils
- Share drop - Télécharger - Téléchargement & Transfert
- Editeur html - Télécharger - HTML
- Air drop - Guide
- Appel data zone franche ✓ - Forum Vos droits sur internet
5 réponses
Bonsoir,
J'ai vu ce lien et j'ai pu faire une dropzone, cependant la dropzone est faite avec un form, j'aimerai que la mienne soit inclue dans un form. J'ai essayé de mixé ça avec mon form mais cela m'a mis une dropzone sur toute la page, ce qui n'est pas vraiment le résultat souhaité je dois avouer... '^^
J'ai vu ce lien et j'ai pu faire une dropzone, cependant la dropzone est faite avec un form, j'aimerai que la mienne soit inclue dans un form. J'ai essayé de mixé ça avec mon form mais cela m'a mis une dropzone sur toute la page, ce qui n'est pas vraiment le résultat souhaité je dois avouer... '^^
EDIT
pour l'instant j'ai essayé de faire ça
```
<script src="https://rawgit.com/enyo/dropzone/master/dist/dropzone.js"></script>
<link rel="stylesheet" href="{{asset('dropZone.css')}}">
<form action="{{path('ficheNC')}}" enctype="multipart/form-data" method="POST">
<input type="text" id ="firstname" name ="firstname" />
<input type="text" id ="lastname" name ="lastname" />
<div class="dropzone dz-clickable" >
<div class="dz-default dz-message" aria-placeholder="">
<span>Drop files here to upload</span>
<input type="file" multiple="multiple" class="dz-hidden-input" style="visibility: hidden; position: absolute; top: 0; left: 0; height: 0; width: 0;">
</div>
</div>
<button type="submit" id="submit-all"> upload </button>
</form>
<script src="dropzone.js">
Dropzone.options.myDropzone= {
url: {{path('ficheNC')}},
autoProcessQueue: false,
uploadMultiple: true,
parallelUploads: 5,
maxFiles: 1,
maxFilesize: 1,
acceptedFiles: 'image/*',
addRemoveLinks: true,
init: function() {
dzClosure = this; // Makes sure that 'this' is understood inside the functions below.
// for Dropzone to process the queue (instead of default form behavior):
document.getElementById("submit-all").addEventListener("click", function(e) {
// Make sure that the form isn't actually being sent.
e.preventDefault();
e.stopPropagation();
dzClosure.processQueue();
});
//send all the form data along with the files:
this.on("sendingmultiple", function(data, xhr, formData) {
// formData.append("firstname", jQuery("#firstname").val());
// formData.append("lastname", jQuery("#lastname").val());
});
}
}
</script>
```
cependant cela ne fonctionne pas: la partie dropzone ne permet pas de mettre des photos dedans... J'ai aussi essayé en mettant
```
<form action="{{path('ficheNC')}}" enctype="multipart/form-data" method="POST" class="dropzone dz-clickable" > et là la dropzone permet de
```
mettre des photos dedans mais celle ci fait la taille du form ce qui n'est pas ce que je veux....
Voila voila si quelqu'un peut m'aider.... Merci beacoup !
pour l'instant j'ai essayé de faire ça
```
<script src="https://rawgit.com/enyo/dropzone/master/dist/dropzone.js"></script>
<link rel="stylesheet" href="{{asset('dropZone.css')}}">
<form action="{{path('ficheNC')}}" enctype="multipart/form-data" method="POST">
<input type="text" id ="firstname" name ="firstname" />
<input type="text" id ="lastname" name ="lastname" />
<div class="dropzone dz-clickable" >
<div class="dz-default dz-message" aria-placeholder="">
<span>Drop files here to upload</span>
<input type="file" multiple="multiple" class="dz-hidden-input" style="visibility: hidden; position: absolute; top: 0; left: 0; height: 0; width: 0;">
</div>
</div>
<button type="submit" id="submit-all"> upload </button>
</form>
<script src="dropzone.js">
Dropzone.options.myDropzone= {
url: {{path('ficheNC')}},
autoProcessQueue: false,
uploadMultiple: true,
parallelUploads: 5,
maxFiles: 1,
maxFilesize: 1,
acceptedFiles: 'image/*',
addRemoveLinks: true,
init: function() {
dzClosure = this; // Makes sure that 'this' is understood inside the functions below.
// for Dropzone to process the queue (instead of default form behavior):
document.getElementById("submit-all").addEventListener("click", function(e) {
// Make sure that the form isn't actually being sent.
e.preventDefault();
e.stopPropagation();
dzClosure.processQueue();
});
//send all the form data along with the files:
this.on("sendingmultiple", function(data, xhr, formData) {
// formData.append("firstname", jQuery("#firstname").val());
// formData.append("lastname", jQuery("#lastname").val());
});
}
}
</script>
```
cependant cela ne fonctionne pas: la partie dropzone ne permet pas de mettre des photos dedans... J'ai aussi essayé en mettant
```
<form action="{{path('ficheNC')}}" enctype="multipart/form-data" method="POST" class="dropzone dz-clickable" > et là la dropzone permet de
```
mettre des photos dedans mais celle ci fait la taille du form ce qui n'est pas ce que je veux....
Voila voila si quelqu'un peut m'aider.... Merci beacoup !
Déjà.. merci de poster ton code en utilisant les BALISES DE CODE.
https://codes-sources.commentcamarche.net/faq/11288-les-balises-de-code
Ensuite, normal que ça ne marche pas.
Tu as oublié un </script> et un <script>
https://codes-sources.commentcamarche.net/faq/11288-les-balises-de-code
Ensuite, normal que ça ne marche pas.
Tu as oublié un </script> et un <script>
<script src="dropzone.js"></script>
<script>
Dropzone.options.myDropzone= {
url: {{pa
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Bonjour,
merci pour les balises, je n'avais pas vu où les trouver :)
Ensuite, je ne comprends pas votre réponse... je ne vois pas où j'ai oublié de balises script.
J'ai bien ma premiere
et ma deuxième qui est fermée où se trouve le code js...
merci pour les balises, je n'avais pas vu où les trouver :)
Ensuite, je ne comprends pas votre réponse... je ne vois pas où j'ai oublié de balises script.
J'ai bien ma premiere
<script src="https://rawgit.com/enyo/dropzone/master/dist/dropzone.js"></script>
et ma deuxième qui est fermée où se trouve le code js...
Toi tu as ça
Ce n'est pas vraiment la même chose que ce que je t'ai montré...
idem pour l'utilisation des balises de code il semble que tu n'aies pas lu complètement le lien...vu que tu as oublié d'y indiquer le langage ce qui ne permet pas d'avoir la coloration syntaxique...
<script src="dropzone.js">
Dropzone.options.myDropzone= {
url: {{path
Ce n'est pas vraiment la même chose que ce que je t'ai montré...
idem pour l'utilisation des balises de code il semble que tu n'aies pas lu complètement le lien...vu que tu as oublié d'y indiquer le langage ce qui ne permet pas d'avoir la coloration syntaxique...
