Dropzone js - Optionen nicht abrufen

Question

Meine Dropzone funktioniert gut, aber nicht die Optionen abholen.

Die init-Funktion wird nie aufgerufen.

<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

Sie fügen Optionen Dropzone die eine refrerence in der Bibliothek ist, nicht das Objekt Dropzone Sie gerade erstellt haben (myDropzone). Ändern Sie Ihren Code zu:

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

Das wendet Ihre Optionen auf das Dropzone-Objekt an, das Sie erstellten. Wenn Sie programmgesteuert mit Ihrer Dropzone interagieren, sollten Sie immer auf diese myDropzone Instanz verweisen.