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要求您拥有一个具有类.dropzone的元素。如果没有，您将需要根据doc：

在下面的链接中创建包含这些类的自定义模板

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

Answer 2

事实证明，当通过类实例化dropzone时，程序实际上只是不起作用（对我而言）。

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

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

2 个答案: