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

Question

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

Demandé el 17 de Juillet, 2013: Quand la question a-t-elle été
111919 affichage: Nombre de visites la question a
5 Réponses: Nombre de réponses aux questions
Résolu: Situation réelle de la 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 ?

Demandé el 17 de Juillet, 2013 par Sheldon

Answer 1

5 Réponses

Answer 2

215voto

spedley Points 2420

Ajoutez un élément dans votre formulaire de zone de saut comme suit :

<div class="dz-message" data-dz-message><span>Your Custom Message</span></div>

Répondu el 10 de Avril, 2014 par spedley (2420 Points )

Answer 3

101voto

Sergio Cabral Points 41

Vous pouvez modifier tous les messages par défaut avec ceci :

Dropzone.prototype.defaultOptions.dictDefaultMessage = "Drop files here to upload";
Dropzone.prototype.defaultOptions.dictFallbackMessage = "Your browser does not support drag'n'drop file uploads.";
Dropzone.prototype.defaultOptions.dictFallbackText = "Please use the fallback form below to upload your files like in the olden days.";
Dropzone.prototype.defaultOptions.dictFileTooBig = "File is too big ({{filesize}}MiB). Max filesize: {{maxFilesize}}MiB.";
Dropzone.prototype.defaultOptions.dictInvalidFileType = "You can't upload files of this type.";
Dropzone.prototype.defaultOptions.dictResponseError = "Server responded with {{statusCode}} code.";
Dropzone.prototype.defaultOptions.dictCancelUpload = "Cancel upload";
Dropzone.prototype.defaultOptions.dictCancelUploadConfirmation = "Are you sure you want to cancel this upload?";
Dropzone.prototype.defaultOptions.dictRemoveFile = "Remove file";
Dropzone.prototype.defaultOptions.dictMaxFilesExceeded = "You can not upload any more files.";

Répondu el 3 de Août, 2016 par Sergio Cabral (41 Points )

Answer 4

44voto

Firze Points 124

Lors de la création de la zone de saut, vous pouvez définir le message par défaut comme suit.

var dropzone = new Dropzone("form.dropzone", {
   dictDefaultMessage: "Put your custom message here"
});

Dans ce cas

$('div.dz-default.dz-message > span').show(); // Show message span
$('div.dz-default.dz-message').css({'opacity':1, 'background-image': 'none'});

Répondu el 13 de Janvier, 2015 par Firze (124 Points )

Answer 5

12voto

Ollicca Mindstorm Points 598

Ajoutez d'abord un identifiant à votre formulaire, par exemple mydz puis ajoutez ce js :

Dropzone.options.mydz = {
    dictDefaultMessage: "your custom message"
};

La page entière (index.php dans ce cas) :

<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="utf-8">
<script src="dropzone.js"></script>
<link rel="stylesheet" type="text/css" href="./dropzone.css">
<title></title>

</head>

<body>

<form action="upload.php" class="dropzone" id="mydz"></form>
<script type="text/javascript">

Dropzone.options.mydz = {
    dictDefaultMessage: "Put your custom message here"
};

</script>

</body>
</html>

Répondu el 11 de Septembre, 2015 par Ollicca Mindstorm (598 Points )

Answer 6

10voto

tientoantai Points 101

Ce texte est dans la configuration par défaut de dropzone, vous pouvez l'écraser comme ceci :

Dropzone.prototype.defaultOptions.dictDefaultMessage = "Your text";

Répondu el 4 de Mars, 2016 par tientoantai (101 Points )

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

Réponses

Questions en vedette

Top Tags

Prograide.com

Powered by:

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

Réponses

Questions en vedette

Top Tags

Dans notre réseau

Prograide.com

Powered by: