如何使用type = submit呈现按钮时如何使用jQuery Form触发提交？

Question

鉴于此表格

<form id="posts_form">
    <input type="file" value="" name="picture" >

    <span class="picture_js fc-button fc-button-prev fc-state-default fc-corner-left fc-corner-right">
        <span class="fc-button-inner">
            <span class="fc-button-content save_button">Share</span>
            <span class="fc-button-effect">
                <span></span>
            </span>
        </span>
    </span>
</form>

我正在使用这个基于<span>的按钮进行样式处理。

我要做的是在<span>按钮上绑定点击事件并触发提交功能，例如：

$('.picture_js').click(function(e){
    e.preventDefault();
    pictureUpload();
    return false;
});

function pictureUpload() {

        var options = { url: 'chat/upload' }

    $('#posts_form').ajaxForm(options);
}

但点击按钮没有任何回应（控制台上也没有错误） - 有关如何使其工作的任何建议吗？

Answer 1

我认为您可能需要包含并实施文件上传的beforeSubmit和success选项才能正常工作，如本文所述： Jquery form plugin file upload

试试这个：

function pictureUpload() {

    var options = { 
        url: 'chat/upload',
        success: function() {},
        beforeSubmit: function() {}
    }

    $('#posts_form').ajaxForm(options);
}