图片上传后即时预览_html-js-css

概述图片上传后即时预览

下面是内存溢出 jb51.cc 通过网络收集整理的代码片段。

内存溢出小编现在分享给大家，也给大家做个参考。

<!DOCTYPE HTML><HTML>	<head>		<Meta http-equiv="Content-Type" content="text/HTML;charset=utf-8" />		//设置图片上传后预览的div样式		<style type="text/CSS">			#prevIEw,.img,img			{			wIDth:200px;			height:200px;			}			#prevIEw			{			border:1px solID #000;			}		</style>	</head>	<body>		<div ID="prevIEw"></div>		<input type="file" onchange="prevIEw(this)" />		//图片上传和预览		<script type="text/JavaScript">			function prevIEw(file)			{			var prevdiv = document.getElementByID('prevIEw');			if (file.files && file.files[0])			{			var reader = new fileReader();			reader.onload = function(evt){			prevdiv.INNERHTML = '			<img src="' + evt.target.result + '" />			';			}			reader.readAsDataURL(file.files[0]);			}			else			{			prevdiv.INNERHTML = '			<div 				></div>			';			}			}		</script>	</body></HTML>

以上是内存溢出(jb51.cc)为你收集整理的全部代码内容，希望文章能够帮你解决所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。

总结

以上是内存溢出为你收集整理的图片上传后即时预览全部内容，希望文章能够帮你解决图片上传后即时预览所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/web/1090625.html