带图片预览的图片上传代码

来源:互联网 发布:java 效率 编辑:程序博客网 时间:2024/04/27 18:18

<html>
<head>
<title></title>
<script language="javascript">
 function viewpic(obj) {
  var o = document.getElementById("showimg");
  o.src=obj.value;
  o.style.display="";
  o.border=1;
 }
</script>
</head>

<body>
<div align="center">
<input name="imgfile" type="file" id="imgfile" size="60" onchange="viewpic(this);" />
<br />
</form>
<img name="showimg" id="showimg" src="" style="display:none;" alt="预览图片" />
</div>
</body>
</html> 

 
原创粉丝点击