Dropzone.js

Question

我是 Dropzone.js 的新手，我想知道当我在列表中添加或删除新文件时是否有办法显示处理按钮。这是代码：

HTML:

<div id="dropz" class="dropzone">
     <button type="button" class="btn btn-info pull-right" id="uploadFiles" style="display:none">Upload</button>
</div>

JQuery:

Dropzone.autoDiscover = false;
var myDropzone = new Dropzone("#dropz", {
    url: "@Url.Action("AddFiles")",
    addRemoveLinks: true,                      
    autoProcessQueue: false,
    maxFiles: 5,
    parallelUploads: 5,
    init: function() {
        this.on("addedfile", function (file) {
            //Here is what i tried, but the alert result is undefined
            if (myDropzone.getQueuedFiles().lenght > 0)
                 alert(myDropzone.getQueuedFiles().lenght);
                 $('#uploadFiles').css('display','block');
        });
    }
    });

    $('#uploadFiles').on('click', function () {
        myDropzone.processQueue();
    });

Answer 1

拼错的单词 lenght 是 length，使用控制台进行调试：

if (myDropzone.getQueuedFiles().length > 0) {
     console.log(myDropzone.getQueuedFiles().length);
     $('#uploadFiles').css('display','block');
}

Dropzone.js - 在排队文件长度 > 0 时显示按钮

Dropzone.js - Show button on queued files lenght > 0

html

javascript

jquery