javascript - Dropzone：未捕获的 ReferenceError：未定义 UploadFilesToServer

Question

我需要允许用户拖放文件，然后当用户单击“上传文件”按钮时处理该文件。

这是我的 HTML：

<form action="/" method="post" class="dropzone" id="myAwesomeDropzone" data-previews-container="#file-previews"
                                        data-upload-preview-template="#uploadPreviewTemplate" enctype="multipart/form-data">
                                        
                                        
                                        <div class="fallback">
                                            <input name="file" type="file" multiple />
                                        </div>

                                        <div class="dz-message needsclick">
                                            <i class="h1 text-muted dripicons-cloud-upload"></i>
                                            <h3>Drop files here or click to upload.</h3>
                                        </div>
                                    </form>

这是我正在使用的脚本：

$(document).ready(function(){                        
        var myDropzone = new Dropzone("#myAwesomeDropzone", {
            autoProcessQueue: false,                
            maxFilesize: 20,  //MB
            addRemoveLinks: true,
            maxFiles: 10, //Limit the number of files user can drag and drop to upload
            url: "/",
        });
                    
        function UploadFilesToServer()
        {                
            var TotalFiles = myDropzone.getQueuedFiles(); //<= this line give error
            console.log(TotalFiles);
            
        } //function UploadFilesToServer()
        
    }); //$(document).ready(function(){

当用户单击按钮时，我想获取文件的数量，然后我想遍历每个文件并将其分配给一个数组。

但是当我尝试使用var TotalFiles = myDropzone.getQueuedFiles();获取文件数时出现错误 它抛出错误。

我在这里犯了什么错误？

标签： javascriptjquerydropzone