用ajaxform上传图片，是上传成功了，但是每次上传重新上传服务器多会比上一次多一张图片！

Question

代码如下.....迷惘

$(document).ready(function(){

    var options = {

        success:  showResponse,

        dataType: 'json'

    };

    $("#upload-avatar").on("click",function(){

        $('#image').click();

        $('#image').on('change', function(){

            $('#upload').ajaxForm(options).submit();

        });

    });

    $("#uploadavatar").on("click",function(){

        $("#upload-avatar").click();

    });

});

function showResponse(response)  {

    var filename = response.success;

    if(filename == "")

    {

        $("p_goods_img").html("图片上传失败");

        swal("图片上传失败", "", "error");

    } else {

        $("#p_goods_img").html(filename);

        $("#goods_img").val("");

        $("#goods_img").val(filename);

        swal("图片上传成功", "", "success");

    }

}

Answer 1

... $('#image').on('change', function(){     $('#upload').ajaxForm(options).submit(); }); ...上面这段代码不要放到这段代码的时间处理中：$("#upload-avatar").on("click",function(){ ... });否则每次点击#upload-avatar都会给#image增加一个change事件， 自然就可能导致多次ajax请求的触发。