javascript - Jquery - ajax 和 FormData 之后单击事件停止工作

Question

我正在使用 FomdData 将图像上传到服务器。该功能工作正常，但第一次上传后，我无法执行第二次上传。看来点击事件被阻止了。 #upload-image在文档加载时存在于页面中，成功后不会以任何方式更改。这里有什么问题吗？

编辑

点击事件正常，但ajax在第一次上传后停止工作。

$("#product-sell-search").on("click", '#upload-image', function() {

        var
            url      = $(this).attr('href'),
            fileData = $("#ocrFile").prop("files")[0],
            formData = new FormData();

        if(!fileData){

            alert('Please Sellect File');
            return false;
        }

        formData.append('ocrFile', fileData);
        // Added in order for server to recognize as post request
        formData.append("post", "post");

        $.ajax({
            url: url,
            dataType: 'script',
            cache: false,
            contentType: false,
            processData: false,
            data: formData,
            type: 'POST',
            success:function(data, textStatus, jqXHR){
                $.when($('#product-sell-search')
                        .find('input[name=ProductsSearch]')
                        .val(data.replace(/['"]+/g, '')))
                .then(function(){
                    $('#product-sell-search').trigger('submit');
                });

            },
            error: function(jqXHR, textStatus, errorThrown){
                alert('There was an error. Please try again');
            }
       });

        return false;
    });

Answer 1

为什么返回 false 如果你的函数成功那么它应该返回 true。