将 dropzone 限制为单个文件

Question

我有 dropzone，我想将其限制为一个文件，我该如何实现？

这是我的代码：

<form action="Options.html" class="dropzone dz-clickable" id="mydropzone">
    <div class="dz-default dz-message"><span>Drop file here</span><br /></div>
</form>

我试过了：

$('#mydropzone')[0].dropzone = {
   maxFiles: 1
};

The doc

Answer 1

通过将 dropzone 类放在您的表单上，它使用默认设置来实例化 dropzone，这意味着当您访问您的代码时，它会看到 dropzone 已经创建并忽略您的代码。

我建议从您的表单中删除 dropzone 类（因为您的代码将实例化该对象），或者您可以使用以下格式更改默认设置：

Dropzone.options.myDropZone = {
//myDropZone is the camelized version of the elements ID
maxFiles: 1,
}

更多详情请见here。