dropzone.js 即使将 autoProcessQueue 设置为 true 也没有开始传输文件

Question

我设置了一个简单的拖放区表单，仅接受具有以下设置的图像：

<form action="/upload" method="post" class='dropzone' id='assetAdd' enctype="multipart/form-data"></form>
<script>
  Dropzone.options.assetAdd = {
    uploadMultiple: false,
    maxFiles: 1,
    maxFilesize: 10,
    acceptedFiles: "image/*,*.jpg,*.gif,*.png"};
</script>

然而，虽然我只能 select 图像文件，但当我看到缩略图并且 JavaScript 控制台中没有错误时，传输永远不会开始。

Answer 1

这个错误让我损失了大约 4 个工作小时，所以我希望这可以帮助其他陷入同样陷阱的人。问题出在acceptedFiles配置错误，正确的配置应该是：

已接受文件："image/*,.jpg,.gif,.png"

为什么可以在 dopzone 的源代码中看到（line #176）：

A file extension starting with the STOP character (U+002E). (E.g.: ".jpg,.png,.doc") (source)

文件扩展名必须以 . 开头，并且不能像命令行上的通配符选择器那样工作。