0

ファイルをアップロードするためのjsp（upload.jsp）ページを作成しました。[送信]をクリックすると、サーブレットが呼び出され、ファイルの内容が読み取られます。別のjspページ（Say filecontent.jsp）を使用して、コンテンツを表示します。私は<iframe>upload.jspでfilecontent.jspを挿入するために使用しています。そしてそれは隠されています。私が実際に欲しいのは、アップロードをクリックすると、サーブレットを呼び出してから、ファイルの内容を表示できるように同じページにiframeを表示する必要があります。

これは私のjspページです。

<form class="form-horizontal" name="regist" action="Registration" onsubmit="return validateFile(this)" enctype="multipart/form-data"
            method="post">

            <div class="control-group" class="span12">
                <label class="control-label" for="file">Please upload a
                    file:</label>
                <div class="controls">
                    <input type="file" name="file"/>
                </div>
            </div>
            <div class="control-group">
                <div class="controls">


                    <button type="submit" class="btn btn-primary">Upload</button>
                </div>
            </div>
        </form>
    </div>
    <div id="showFrames" class="hidden">
<iframe src="filecontent.jsp" width="700" height="800"></iframe>
</div>

そしてこれが私のスクリプトです。

<script>
function validateFile(form) {
    var fileName = form.file.value;
    if (!fileName) {
        alert("No File Selected!!!");
        return false;
    }
    else
    {
        $("#showFrames").show();

    }
}
</script>

しかし、それは機能していません。[アップロード]をクリックすると、フレームが表示されません。エラーとは何ですか？どうすればよいですか？

4

2 に答える 2

0

リクエストの応答をRegistrationiframeに表示する場合は、そのiframeをフォームのターゲットとして設定する必要があります。

<form target="myframe" ...>と<iframe src="filecontent.jsp" name="myframe ...>

于 2013-03-13T12:18:15.330 に答える
0

jQueryセレクターを使用しているようですか？jQueryはロードされていますか？

クラスの場合.hidden{display：none; }には、次のようにVanillaJSを使用できます。 

function validateFile( form )
{
    var fileName = form.file.value;

    if (!fileName)
    {
        alert("No File Selected!!!");
        return false;
    }
    else
    {
        document.getElementById( "showFrames" ).style.display = "block";
    }
}
于 2013-03-13T12:20:23.100 に答える