上传图片时，预览选定要上传文件

zjsunshine

于 2008-10-15 19:05:00 发布

阅读量311

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript 网页文章标签： server file

本文链接：https://blog.youkuaiyun.com/zjsunshine/article/details/3081131

javascript 同时被 2 个专栏收录

20 篇文章

订阅专栏

网页

9 篇文章

订阅专栏

本文介绍了一个简单的JavaScript函数，用于实现文件上传时的图片预览效果。通过监听文件输入框的更改事件，可以即时显示用户选择的图片，适用于网页表单中需要上传图片的应用场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

上传图片时预览选定的图片

function viewpimg(imgurl,imgid)
            {
                var img=document.getElementById(imgid);
                img.src=imgurl;
            }
<INPUT id="uplogo" style="WIDTH: 272px; HEIGHT: 22px" type="file" onchange="viewpimg(this.value,'uploadimg');" size="26" runat="server">
<IMG id="uploadimg" style="WIDTH: 104px; HEIGHT: 52px" height="52" width="104" name="uploadimg">