javascript - JQuery Ajax Fileupload 自動送信

Question

私はこのフォームを持っています

<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>

ユーザー入力とユーザーからのファイルを期待し、ユーザーがアップロードするファイルを選択したら、[OK] をクリックすると自動的に送信されます。ユーザーがファイルを選択した後ではなく、送信時にフォームを送信します。これが私のスクリプトです

  $('#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);
            }
        });
    });

このプラグインを使用しています。イベントをそれにバインドしようとしましたが、フォームを送信していないため、通常の送信に戻すことにしました