#javascript #html #dropzone.js #dropzone
Вопрос:
Я пытаюсь разместить две формы dropzone на одной странице, и все функции, такие как загрузка, отображение, удаление, работают так, как и должно быть, но вторая форма не отображает текст «файлы сюда».
Я хочу, чтобы для каждой формы были разные тексты, такие как «отбросьте изображения сюда» и «отбросьте документы сюда». Как я могу этого достичь?
Мой код выглядит так:
HTML:
lt;div class="first"gt; lt;div class="inner"gt; lt;form class="dropzone" id="mydropzone" action="up.php"gt;lt;/formgt; lt;/divgt; lt;/divgt; lt;div class="second"gt; lt;div class="inner"gt; lt;form class="dropzone2" id="mydropzone2" action="up2.php"gt;lt;/formgt; lt;/divgt; lt;/divgt; lt;scriptgt; Dropzone.autoDiscover = false; Dropzone.options.mydropzone = { dictDefaultMessage: "my custom text one!" }; $(".dropzone").dropzone({ //dropzone stuff here like show already uploaded files, delete, etc... }); Dropzone.options.mydropzone2 = { dictDefaultMessage: "my custom text two!" }; $(".dropzone2").dropzone({ //dropzone stuff here like show already uploaded files, delete, etc... }); lt;/scriptgt; Комментарии:
1. Привет. Не могли бы вы предоставить jsFiddle, пожалуйста ?
Ответ №1:
Вы используете класс dropzone2 для своей второй зоны выпадения, поэтому dropzone.js не могу распознать его как зону выпадения. Кроме того, кажется, что изменение параметров зоны выпадения после вызова первой зоны выпадения предотвращает изменение параметров.
Попробуйте это, надеюсь, это поможет
lt;div class="first"gt; lt;div class="inner"gt; lt;form class="dropzone" id="mydropzone" action="up.php"gt;lt;/formgt; lt;/divgt; lt;/divgt; lt;div class="second"gt; lt;div class="inner"gt; lt;form class="dropzone" id="mydropzone2" action="up2.php"gt;lt;/formgt; lt;/divgt; lt;/divgt; lt;scriptgt; Dropzone.autoDiscover = false; Dropzone.options.mydropzone = { dictDefaultMessage: "my custom text one!" }; Dropzone.options.mydropzone2 = { dictDefaultMessage: "my custom text two!" }; $("#mydropzone").dropzone({ //dropzone stuff here like show already uploaded files, delete, etc... }); $("#mydropzone2").dropzone({ //dropzone stuff here like show already uploaded files, delete, etc... }); lt;/scriptgt;