即使 autoProcessQueue 设置为 true，dropzone.js 也不会开始传输文件

Question

我设置了一个简单的 dropzone 表单，只接受具有以下设置的图像：

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

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

Answer 1

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

acceptedFiles: "image/*,.jpg,.gif,.png"

为什么可以在dopzone的源码中看到一个参考（line #176）：

以 STOP 字符 (U+002E) 开头的文件扩展名。 （例如：“.jpg,.png,.doc”） (source)

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