Как инициировать отправку с помощью формы jQuery, когда кнопка не отображается с помощью type = submit?

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> для целей стиля.

Я пытаюсь привязать событие нажатия на *Кнопка 1007 * и запуск функции отправки, например:

$('.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 .

Попробуйте это:

function pictureUpload() {

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

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