input TYPE="FILE"で取得した画像を表示

解決済

質問者：takataka111
質問日時：2003/02/14 13:31
回答数：2件

お世話になります。

htmlのタグにinput type="file"というのがありローカルの画像を選択できるエクスプローラが起動するというボタンなのですが、それで選択した画像ファイルをサーバ処理を行うことなくブラウザに表示させたいのです、こんなことが可能なのでしょうか？

なにかサンプル等ご存知の方宜しくお願いします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

ベストアンサー優先
最新から表示
回答順に表示

No.1ベストアンサー

回答者： ryota2
回答日時：2003/02/14 20:24

サーバ処理を行うことなく

ということはCGIを使わないと言うことですね。

<form action="./view.html" method=GET>
<input type=file name=lf><input type=submit>
</form>

---- view.html ----

<html>
<script>
if(window.location.search){
gd=window.location.search; //URLの?以降
gd=gd.substring(1); //?を除く
gd=gd.replace(/\+/g," "); //+を" "に変換
ga=gd.split("&"); //&で分割
FormData=new Array();
for(i=0; i<ga.length; i++){
gb=ga[i].split("="); //=で分割
FormData[unescape(gb[0])]=unescape(gb[1]); //%nnを変換
}
document.write("<img src='"+FormData['lf']+"'>"); //表示
}
</script>
</html>

日本語は対応していません。

この回答への補足

こんにちは、ご回答ありがとうございます。
　
上の"input type=file”等のHTMLはview.htmlに書くのですか？
画像を取得するHTMLと画像を表示する(View.html)との関係をもう少し具体的に教えていただけないでしょうか？

出来れば動いているサンプルを乗せていただけると非常に助かります。

宜しくお願いします。

補足日時：2003/02/17 09:25

通報する

- 0
- 件

通報する

この回答へのお礼

お世話になります、ryota2殿の回答通りで画像を表示させることが出来ました。

しかしNetScapeでは動作しないことが分かりました、原因はlf=のゲットパラメータをプルパスで取得してくれないことが原意でした、ryota2殿はどのように回避されているのでしょうか？

お忙しいとは思いますが、宜しくおねがいします。

通報する

お礼日時：2003/02/17 10:45