dropzone.js，无法以编程方式创建拖放区

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 要求您有一个具有 class .dropzone 的元素。如果没有，您将需要根据文档在下面的 link 中使用这些 classes 创建一个自定义模板：

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

Answer 2

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

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

dropzone.js，无法以编程方式创建拖放区

dropzone.js, unable to create dropzone programmatically

php

upload

dropzone