php - 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>

在后两种情况下，我都没有收到错误，也没有创建 dropzone。

我想我忽略了一些明显的东西。但是，它是什么？

Answer 1

Dropzone 要求您有一个具有类 .dropzone 的元素。如果没有，您将需要根据文档在下面的链接中创建包含这些类的自定义模板：

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

Answer 2

事实证明，当通过类实例化 dropzone 时，程序化真的不起作用（对我来说）。

不设置类，然后以编程方式定义 dropzone。但是，还需要将元素设置为拖放区，默认为 0 像素宽和 0 像素高。