dropzone.js, невозможно создать Dropzone программно

Я пытаюсь использовать dropzone.js.

Это работает:

<form id='imageForm' action="<?php print $website["folder"]; ?>upload.php" class="dropzone" data-maxFiles='1'>
</form>

Это не работает:

<form id='imageForm'>
</form>
<script>
$("#imageForm").dropzone({ url: websiteFolder + "upload.php" });
</script>

И не собираюсь с:

<script>
Dropzone.options.imageForm = {
paramName: "file", // The name that will be used to transfer the file
maxFilesize: 2, // MB
accept: function(file, done) {
if (file.name == "justinbieber.jpg") {
done("Naha, you don't.");
}
else { done(); }
}
};
</script>

В обоих последних случаях я не получаю ошибок, и дропзона не создается.

Я думаю, что я пропускаю что-то очевидное. Но что это?

0

Решение

Dropzone требует, чтобы у вас был элемент, имеющий класс .dropzone. Если нет, вам нужно будет создать собственный шаблон с этими классами по ссылке ниже в соответствии с документом:

http://www.dropzonejs.com/#layout

1

Другие решения

Оказывается, что при создании экземпляра зоны пропуска через класс программа действительно не работала (для меня).

Не устанавливая класс, а затем определяя дропзону программно, работало. Но также требовалось стилизовать элемент, заданный как dropzone, он по умолчанию имеет ширину 0 пикселей и высоту 0 пикселей.

0

По вопросам рекламы [email protected]