のみほーだい!

画像のアップロード画面で確認画面を表示することってありますよね？「あなたがアップロードしようとしているのは、この画像でいいっすか？」みたいな・・

まー、下みたいな感じですよ。「参照」ボタンを押してPCの適当な画像ファイルを選択してください。で、「表示」ボタンを押してください。

ファイル１：

なんだか、書いてみるとすごく簡単ですね。

<script type="text/javascript">
	<!--
	function test() {
		document.images[0].src=document.testForm.FILE_A.value;
	}
	// -->
</script>


<form name="testForm" method="POST" enctype="multipart/form-data" action="">
	<div>ファイル１：<input type="file" name="FILE_A" size="50"></div>
	<div><input type="button" value="表示" onClick="test()"></div>
	<img src="noPhoto.jpg" width="400" height="300">
</form>