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

Question

Я пытаюсь использовать 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>

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

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

Answer 1

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

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

Answer 2

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

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