jQuery:从点击事件传递变量值失败

时间:2016-04-12 01:56:21

标签: javascript jquery

我有这个javascript:

<?
var dropzone_maxfiles = '.$product_maxfiles.';

$( ".product_imgfiles" ).click(function(event) {
    event.preventDefault();
    var img_file = $( this ).children( "img" ).attr( "src" );

    $.ajax({
        url: "controller/ctrl.dropzonejs-cleaner.php?token='.$product_token.'&key='.$secret_token.'&imgfile="+img_file+""
    });

    $( this ).parent( "div" ).remove();                 
    dropzone_maxfiles = dropzone_maxfiles + 1;
});

var myDropzone = new Dropzone(".dropzone", { 
    url: "controller/ctrl.dropzonejs.php?token='.$product_token.'&key='.$secret_token.'",
    maxFilesize: 2,
    maxFiles: dropzone_maxfiles,
    acceptedFiles: ".jpeg, .jpg, .png, .gif"
});

myDropzone.on("complete", function() {
    var rejected = myDropzone.getRejectedFiles();

    if (rejected == "" ) {
        $(".btn-vendor-addnew").removeClass("disabled");
        $(".dropzone-error").css("display","none");
    }else {
        myDropzone.removeAllFiles(true);
        $(".btn-vendor-addnew").addClass("disabled");
        $(".dropzone-error").css("display","block");

        $.ajax({
            url: "controller/ctrl.dropzonejs-cleaner.php?token='.$product_token.'&key='.$secret_token.'"
        });
    }
});
?>

问题是:dropzone_maxfiles = dropzone_maxfiles + 1;

中不存在maxFiles: dropzone_maxfiles,

如何将点击事件中的dropzone_maxfiles变量传递到Dropzone maxFiles?谢谢。

1 个答案:

答案 0 :(得分:2)

就像@adeneo在评论中所说,如果变量发生变化,maxFiles对象的属性Dropzone将不会自动更改。

相反,尝试使用当前变量重新初始化它,或者只是更改该属性值(我不确定Dropzone是如何实现的,所以可能有一些setter方法来执行此操作为你)。

编辑(根据要求):一个基本示例:

$( ".product_imgfiles" ).click(function(event) {
    // ... event handling code          
    dropzone_maxfiles = dropzone_maxfiles + 1;

    // add this to "reset" the Dropzone
    myDropzone = new Dropzone(".dropzone", { 
        url: "controller/ctrl.dropzonejs.php?token='.$product_token.'&key='.$secret_token.'",
        maxFilesize: 2,
        maxFiles: dropzone_maxfiles,
        acceptedFiles: ".jpeg, .jpg, .png, .gif"
    });

});