jsp预览本地上传图片

最新推荐文章于 2018-06-06 17:19:00 发布

猪猪海岸

最新推荐文章于 2018-06-06 17:19:00 发布

阅读量550

点赞数 1

分类专栏： JSP 文章标签： html web开发

JSP 专栏收录该内容

1 篇文章

订阅专栏

<pre name="code" class="html"><!DOCTYPE html>
<html>
<head>
<script> 
	function PreviewImage(imgFile) { 
		var pattern = /(\.*.jpg$)|(\.*.png$)|(\.*.jpeg$)|(\.*.gif$)|(\.*.bmp$)/;      
		if(!pattern.test(imgFile.value)) { 
			alert("系统仅支持jpg/jpeg/png/gif/bmp格式的照片！");  
			imgFile.focus(); 
		} 
		else { 
			var path; 
			if(document.all) { //IE
				imgFile.select(); 
				path = document.selection.createRange().text; 
				document.getElementById("faceShow").innerHTML=""; 
				document.getElementById("faceShow").style.filter =
				"progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='scale',src=\"" + path + "\")";
			} 
			else {  //FIRE FOX CHROME
				path = URL.createObjectURL(imgFile.files[0]);
				document.getElementById("faceShow").innerHTML = "<img src='"+path+"' width='100%' height='100%'/>"; 
			}
		
		}
	}
</script> 
</head>
<body>
<div id="faceShow"> </div>
<input type="file" class="loadPhotoBtn" value="浏览" onchange="PreviewImage(this)"/>
</body>
</html>