javascript - Ajax 图像上传提交与表单 ajax 冲突 - 使 .submit() 函数仅适用于该表单

Question

在多页表单的中间，我有一个用户可以上传图像的部分，并且该图像是使用 ajax 直接预览的。但是，当用户上传图片时，实际的表单本身也会尝试提交，我认为存在 ajax 冲突。这是我用于 ajax 图片上传的代码：

$(document).ready(function() { 
    $('#logo').live('change', function()            { 
        $("#prlogo").html('');
        $("#prlogo").html('<img src="../preview/loader.gif" alt="Uploading...."/>');
        $("#logoform").ajaxForm({
            target: '#prlogo'
        }).submit();
    });
}); 

这是形式：

<form id="logoform" method="post" enctype="multipart/form-data" action='../preview/logo.php'>
    <input type="file" name="logo" id="logo" />
</form>

是否可以将 .submit() 链接到 ID 为 logoform 的表单？有没有其他方法可以限制提交仅适用于图像上传而不适用于表单？

Answer 1

您可以尝试覆盖表单的提交功能，因此在调用提交之前，您需要设置如下内容

$('form').submit(function () {
    $.ajax({
        url: this.action, type: this.method,
        data: $(this).serialize(), cache: false,
        success: function () {
            //Do upload of Image
           }
        }

        //Or upload image here
    });