下传图片前预览 _Web前端

上传图片前预览

<html>
	<head>
		<title>图片上传前预览</title>
	</head>
	<body>
	<script type="text/javascript">
		function preview(){
			var upFile= document.getElementById("upFile");
			var fileext=upFile.value.substring(upFile.value.lastIndexOf("."),
															upFile.value.length);
			fileext=fileext.toLowerCase();
			if ((fileext!='.jpg')&&(fileext!='.gif')&&(fileext!='.jpeg')&&(fileext!='.png')
					&&(fileext!='.bmp')){
				alert("对不起，系统仅支持标准格式的照片，请您调整格式后重新上传，谢谢 !");
				upFile.focus();
			}
			else{
			//alert(''+document.form1.UpFile.value)//把这里改成预览图片的语句
			document.getElementById("preview").innerHTML="<img src='"+upFile.value
										+"' width=220 style='border:1px double #ccc'>"
			}
		}
	</script>
	<form name="form1" method="post" enctype="multipart/form-data">
	<input type="file" name="upFile" id="upFile" size="46" onchange="preview()">
	<div id="preview"></div>
	</form>
	<body>
</html>

1 楼 jiangjingxiaoxuan 2011-11-04

简单明了，可是楼主有没有多个图片上传前预览的啊~~~