Dropzone js - 不提取選項

Question

我的dropzone工作正常，但不會提取選項。

永遠不會調用init函數。

<div class="row"> 
    <form method="post" id="uploadFiles" style="width:200px; height:100px; border:1px solid red;"> 
     {{ csrf_field() }} 
    </form> 
</div> 

<script> 

$(function() { 

    Dropzone.autoDiscover = false; 
    var myDropzone = new Dropzone("#uploadFiles", { url: "{{Request::url()}}", method:"post"}); 
    console.log(myDropzone); 
    Dropzone.options.uploadfiles = { 
    paramName: "file", // The name that will be used to transfer the file 
    maxFilesize: 2, // MB 
    init: function() { 
     alert('init called'); 
    }, 
    accept: function(file, done) { 
    if (file.name == "justinbieber.jpg") { 
     done("Naha, you don't."); 
    } 
    else { alert('not accepted') } 
    }, 

}; 

Answer 1

您要添加的選項Dropzone這是一個refrerence到庫中，而不是懸浮窗對象，你剛剛創建（myDropzone）。將您的代碼更改爲：

myDropzone.options = { 
    ... // Your options here 
}; 

這會將您的選項應用到您創建的dropzone對象。當以編程方式與你的dropzone進行交互時，你應該總是引用這個myDropzone實例。