javascript实现本地预览图片的代码

来源:互联网 发布:冷轩网络 编辑:程序博客网 时间:2024/04/29 15:02
<html>  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">  
<title>javascript实现图片上传本地预览图片的代码</title>  
<script type="text/javascript">  
function viewmypic(mypic,imgfile) {  
if (imgfile.value){  
mypic.src=imgfile.value;  
mypic.style.display="";  
mypic.border=1;  
}  
}  
</script>  
</head>  
<body>  
<center>  
<form >  
<input name="imgfile" type="file" id="imgfile" size="40" onChange="viewmypic(showimg,this.form.imgfile);" />  
<br />  
</form>  
<img name="showimg" id="showimg" src="" style="display:none;" alt="预览图片" />  
<br />  
</div>  
<div style="display:none">  
</div>  
</center>  
</body>  
</html>
原创粉丝点击