Dropzone.js选项-无法使它们工作

Question

根据Dropozone.js 常见问题解答，我尝试在成功上传时显示一条消息。

代码header看起来像：

<script>
$(document).ready(function() {
    Dropzone.options.myDropzone = {
      init: function() {
        this.on("success", function(file, responseText) {
          var responseText = "TaDa!";
          file.previewTemplate.appendChild(document.createTextNode(responseText));
        });
      }
    };
)};
</script>

以及该html部分中的代码：

<form action="/file-upload" class="dropzone" id="my-dropzone"></form>

拖放上传效果很好，但是我没有收到所需的消息success。

Answer 1

这是因为dropzone在设置选项之前初始化，为避免这种情况，只需将dropzone选项放在ready函数外部即可。

<script>

    Dropzone.options.myDropzone = {
        init: function() {
            this.on("success", function(file, responseText) {
            var responseText = "TaDa!";
            file.previewTemplate.appendChild(document.createTextNode(responseText));
            });
        }
    };

    $(document).ready(function() {
        // Your other javascript
    )};

</script>