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

我正在使用FomdData将图像上载到服务器。该功能工作正常，但在第一次上传后，我无法执行第二次。单击事件似乎已被阻止#加载文档时，页面上存在上载图像，成功后不会以任何方式更改。这里的问题是什么

编辑

Click事件正在工作，但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;
    });

---

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

我设法使脚本正常工作。我删除了数据类型：“脚本”行，现在我可以在一个页面加载上进行多次上载。

尝试禁用并重新启用单击处理程序，如下所示：

$（“#产品销售搜索”）。关闭（'click'）。打开（'click'）..

仍然不起作用。似乎click事件工作正常，问题出在ajax中。您在ajax调用成功后再次调用（提交），这可能是原因吗？