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

Question

基于 Dropozone.js FAQ我尝试在成功上传时显示一条消息。

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>

拖放上传工作正常，但我没有收到关于成功的期望消息。

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>