javascript - 如何使用函数回调提交更改表单

Question

如果他们选择一个文件，我会尝试提交更改表单，但是当我提交时，它不会为我的ajax运行函数回调;;

$(function(){

    $("#page_photo").on("change", function() {

        alert("1st stage"); 

        $('#image_upload').trigger("submit", function(){

        alert("2nd stage");

            var formData = new FormData($(this)[0]);

            $.ajax({
                url: '<?php echo Config::get('URL'); ?>image/upload_user_photo',
                type: 'POST',
                data: formData,
                async: false,
                success: function (data) {
                    if(!data.success){
                        $.notify(data.error, "error");
                    }else{
                        $.notify(data.success, "success");
                    }
                },
                cache: false,
                contentType: false,
                processData: false
            });

            return false;
        }); 
    });
});

我不希望用户在提交之前(即选择文件时)必须按提交按钮，因此 .submit 对此不起作用

Answer 1

您应该使用以下语法绑定(bind)提交回调:

$('#image_upload').bind("submit", function(){
    alert("2nd stage");
});

然后使用以下代码触发提交事件:

$('#image_upload').trigger("submit");