JQuery Ajax Fileupload自动提交

时间:2012-12-30 15:06:09

标签: javascript jquery ajax file upload

我有这个表格

<form id="fileupload" name="fileupload" action="/HelloStruts2/views/audioupload.action" method="post" enctype="multipart/form-data">
    <input type="text" name="title" value="" id="fileupload_title"/>
    <input type="file" name="audioUpload" value="" id="fileupload_audioUpload"/>

    <input type="submit" id="fileupload_0" value="Submit"/>

</form>

预期用户输入和用户选择要上传的文件的文件,一旦他点击好,他会自动提交,我希望表单在提交时提交,而不是在用户选择后提交文件。这是我的剧本

  $('#fileupload').submit(function(e){
        $(this).fileupload({
            dataType: 'html',
            add: function (e, data) {
                data.context = $('<button/>').text('Upload')
                    .appendTo(document.body)
                    .click(function () {
                        $(this).replaceWith($('<p/>').text('Uploading...'));
                        data.submit();
                    });
            },
            done: function (e, data) {
                $('#fileupload').empty().append(data.result);
            }
        });
    });

我正在使用this插件。我已经尝试将事件绑定到它但它没有提交表单所以我决定恢复其正常提交

0 个答案:

没有答案