0

こんにちは、ファイル入力タイプを含む単純なフォームを送信しようとしています。課題は、ファイルの選択時に提出を行うことです。

私のフォームは次のとおりです。

<form id="uploadForm" action="submit.php" method="post" enctype="multipart/form-data">
    <div class="fileUpload btn btn-lg btn-primary">
        <span>Choose File</span>
        <input id="imageBtn" type="file" class="upload" name="image"/>
    </div>
</form>

私のJavaScriptは次のとおりです。

$("input#imageBtn").change(function () {
        console.log("submitting...");
        // bind to the form's submit event
        $('#uploadForm').submit(function() {
            console.log("submitting...form");
            $('#uploadForm').ajaxSubmit();
            return false;
        });
});

何らかの理由で、コンソールに「送信中...」しか表示されず、それ以上のものは何も送信されません。

どんな助けでも大歓迎です！

ありがとうございました。

4

2 に答える 2

0

以下はうまくいくようです。

<form id="imgForm" action="action.php" method="post" enctype="multipart/form-data">
        <div class="fileUpload btn btn-lg btn-primary">
            <span>Choose File</span>
            <input id="imageToBeUploaded" type="file" class="upload" name="image"/>
        </div>
</form>

$("body").on('submit', '#imgForm', function(){
    $(this).ajaxForm({target:'#uploadStatus'});
    console.log("submitting...");
    return false;
});

/* Uploading Profile BackGround Image */
$('body').on('change','#imageToBeUploaded', function() {
    //submit the form
    $("#imgForm").submit();
});
于 2015-08-28T13:44:46.960 に答える
0

jQueryのドキュメントから：

submit イベントは、ユーザーがフォームを送信しようとしたときに要素に送信されます。要素にのみアタッチできます。フォームは、明示的な input type="submit"、input type="image"、またはボタン type="submit" をクリックするか、特定のフォーム要素にフォーカスがあるときに Enter キーを押すことで送信できます。

https://api.jquery.com/submit/

のような適切なタグを追加してみてください

<input id="imageBtn" type="file submit" class="upload" name="image"/>
于 2015-08-27T20:36:38.220 に答える