Dropzone.js和ajax

Question

我正在使用dropzone.js并使用ajax加载它。

My menu ID = "#menu“上传文件应出现在"#div1”中

回调函数不起作用。我用alert(“Dropzone.discover”)代替了测试；

(document).ready(function() {

    $("#menu").click(function(){

    $("#div1").load("upload.php",null, function(){
        Dropzone.discover();
    });

注意:我尝试了下面的代码，但它不起作用。

$("#div1").load("upload.php", function(){
    Dropzone.discover();
});

Answer 1

我在使用通过Ajax加载的Dropzone时遇到了一个问题，我发现添加Dropzone.discover();调用可以帮我解决这个问题。

Answer 2

您应该在#dive上定义dropzone，并在dropzone的init函数中添加事件，以更改与每个#菜单相关的选项。这是最好的办法。

前面的例子：

var myDropzone = new Dropzone("#div1",{
    url: '/test.php',
    acceptedFiles: "image/*",
    addRemoveLinks: true,
    removedfile: function(file) {
        $.get('remove.php',function(data){
            var _ref;
            return (_ref = file.previewElement) != null ? _ref.parentNode.removeChild(file.previewElement) : void 0;
        });
    },
    init: function() {
        var thisDropzone = this;
        $('body').on('click','a.menu',function(event){
            href = $(this).attr('href');

            thisDropzone.options.url = href;
        });

        $("body").on('click','#btnRemoveAll',function () {
                thisDropzone.removeAllFiles();
            }
        );

    }
});