Comment modifier le texte par défaut dans dropzone.js ?

Question

J'utilise dropzone.js pour télécharger des fichiers. Cependant, j'ai des difficultés à modifier le texte par défaut.

J'ai essayé d'instancier la classe dropzone :

$(document).ready(function(){
  $(".foo").dropzone({ dictDefaultMessage: "hello" });
});

Avec ce balisage :

    <div class="span4">
      <form action="http://localhost/post" method="post" accept-charset="utf-8" id="drop3" class="foo" enctype="multipart/form-data"> </form>
    </div>
    <div class="span4">
      <form action="http://localhost/post" method="post" accept-charset="utf-8" id="drop4" class="foo" enctype="multipart/form-data"> </form>
  </div>

Cela me permet certes de télécharger des fichiers, mais le texte par défaut est vide.

J'ai testé les éléments suivants :

 $(".foo").dropzone();

et j'obtiens le même résultat : pas de texte par défaut. Alors, comment modifier le texte par défaut ?

Answer 1

Si vous créez des Dropzones de manière programmatique, vous devez définir vos options comme suit :

Dropzone.autoDiscover = false;

profilePicture = new Dropzone('#profile-picture', {
    url: "/uploadPicture.php",

    // if you are using laravel ..., you dont need to put csrf in meta tag
    headers: {
        'X-CSRF-TOKEN': "{{ csrf_token() }}"
    },

    dictDefaultMessage: "Your default message Will work 100%",

    /other options
    paramName: "profile_picture",
    addRemoveLinks: true,
    maxFilesize: 1,
    maxFiles: 10,

    dictRemoveFile: "Remove",

});

Si vous l'utilisez ainsi, il ne fonctionnera pas ...

let myDropzone = new Dropzone("#profile-picture", {

    url: "/uploadPicture.php",
    // if you are using laravel ..., you dont need to put csrf in meta tag
    headers: {
        'X-CSRF-TOKEN': "{{ csrf_token() }}"
    },

});

myDropzone.options.profilePicture = {

    dictDefaultMessage: "This message not gonna work",

    paramName: "profile_picture",
};