即时显示上传图片的做法

在许多网站上我们都能看到这样的效果:上传图片,网页上会即时显示你从本地选择的图片。小弟用JS的方式实现了这个效果。
html文件的内容:

<div style=\"border-right: #aaaaaa 1px solid; padding-right: 5px; border-top: #aaaaaa 1px solid; padding-left: 5px; padding-bottom: 5px; border-left: #aaaaaa 1px solid; padding-top: 5px; border-bottom: #aaaaaa 1px solid; background-color: #228b22\">
<html>
 <head>
  <SCRIPT language=JavaScript>
   function showimg(){
    var img=applycard.cardpic.value;
    applycard.img_name.src=img;
   }
  </SCRIPT>
 </head>
 <body>
  <form id=\"applycard\">
   <div align=\"left\">
    <img border=0 src=\"../imgs/jkk.gif\" width=140 height=87 id=\"img_name\">
    <input type=\"file\" onchange=\"showimg();\" id=\"cardpic\" name=\"cardpic\" />
   </div>
  </form>
 </body>
</html>

你可能感兴趣的:(JavaScript,html)