WEB相談室

Webページ作成に関しての何でも掲示板です。

タイトル:NNでファイル選択した画像を表示

りか [MAIL] [WriteDate : Fri Jun 29 18:03:44 2001]

はじめまして。
input type ="file"で画像のローカルパスを指定し、選択したと同時に画像をイメージエリアに表示させたいと思います。以下のソースはIE5.5では動くのですが、NNで動きません。どうしたらNNで表示できるのか教えてください。おねがいします。

<html>
<head>
<title>受け付けサービス</title>

<SCRIPT language="JavaScript1.2" type="text/javascript">
<!--
    function change(img_str,no)
    {
        if (img_str != "")
        {
            //  「\」マークを「/」に置換
            while (img_str.indexOf("\\") != -1)
            {
                img_str = img_str.replace("\\", "/");
            }

            //  イメージのソースを差し替え
            img_str = "file:///" + img_str;
            document.images[no].src = img_str;


        }
    }


// -->
</SCRIPT>

</head>
<body bgcolor = "#FFDFDF" onLoad = "">
<center>
<form name = "gazouForm" method = "post">
                <img src ="./gif/gazou_nasi.gif" width="160" height="120" name = "img1"><br><br>
                <INPUT type="file" name="IMG_src" size="29" onFocus="change(document.gazouForm.IMG_src.value, 0)">
</form>
</center>
</body>
</html>
----------------------------ここまで----------------


ひよこ [MAIL] [URL] [WriteDate : Fri Jun 29 23:30:28 2001]

nameでアクセスしてみてはどうですか?

document.img1.src = img_str;
又は
document.images["img1"].src = img_str;

あと、ファイルパスに2バイト文字は含まれていませんか?


ひよこ [WriteDate : Sat Jun 30 00:08:29 2001]

余談ですが、
ちなみにonFocusはイベント発生時期から考えて使いづらいかも・・
#キャレットが表示された時点(フォーカスされた時点)でイベント発生し続ける(valueはNull)
#参照ボタンをクリック時にイベント発生し続ける
#参照でパス決定後は再度フォーカスしないとイベント発生しない
#パスを手動入力後は一度フォーカスをはずして再フォーカスしないとイベント発生しない・・等々
「preview」とかのボタンを別につけた方が良いような気もします。


バギンズ [WriteDate : Sat Jun 30 00:25:24 2001]

タイマーを使うとか。

参考
http://web11.freecom.ne.jp/~chaichan/qanda/qa560.htm


りか [WriteDate : Mon Jul 2 18:42:14 2001]

ありがとうございます。とても参考になりました。2バイト文字がふくまれている時を対処しようとおもいます。

回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]

ChaichanPAPA's World