即时显示上传图片的做法

最新推荐文章于 2021-06-04 22:29:07 发布

lisl2003

最新推荐文章于 2021-06-04 22:29:07 发布

阅读量226

点赞数

分类专栏：编程文章标签： JavaScript HTML ViewUI

编程专栏收录该内容

5 篇文章 0 订阅

订阅专栏

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

html文件的内容：

<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\" οnchange=\"showimg();\" id=\"cardpic\" name=\"cardpic\" />
   </div>
  </form>
</body>
</html>

lisl2003

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
即时显示上传图片的做法

在许多网站上我们都能看到这样的效果：上传图片，网页上会即时显示你从本地选择的图片。小弟用JS的方式实现了这个效果。 html文件的内容：&lt;div style=\"border-right: #aaaaaa 1px solid; padding-right: 5px; border-top: #aaaaaa 1px solid; padding-left: 5px; padding-bo...
复制链接

扫一扫

专栏目录