上传图片前预览

最新推荐文章于 2024-08-30 20:29:15 发布

lsl20060327

最新推荐文章于 2024-08-30 20:29:15 发布

阅读量69

点赞数

分类专栏： JavaScript学习文章标签： javascript ViewUI

本文链接：https://blog.csdn.net/lsl20060327/article/details/83841052

版权

JavaScript学习专栏收录该内容

3 篇文章 0 订阅

订阅专栏


<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>

lsl20060327

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
上传图片前预览

[code="java"] 图片上传前预览 function preview(){ var upFile= document.getElementById("upFile"); var fileext=upFile.value.substring(upFile.value.lastIndexOf("."), u...
复制链接

扫一扫

专栏目录