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> 

拖放上傳工作正常，但我沒有收到關於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>