AJAX照片上传者多次提交表单

时间:2015-03-08 16:17:49

标签: javascript jquery ajax

我正在使用AJAX构建照片上传器,但是每次上传时,控制台中的成功消息会出现4次,而它应该只出现一次。

为什么此代码会产生此行为?

$('#image').change(function() { // this is the file input
    $('#imageForm').submit();
});
$('#imageForm').on('submit',(function(e) {
    e.preventDefault();
    var formData = new FormData(this);

    $.ajax({
        type:'POST',
        url: 'upload-photo.php",
        data:formData,
        cache:false,
        contentType: false,
        processData: false,
        success:function(data){
            console.log("success");
            console.log(data);
        },
        error: function(data){
            console.log("error");
            console.log(data);
        }
    });
}));

0 个答案:

没有答案