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

最新推荐文章于 2025-06-13 12:45:23 发布

原创最新推荐文章于 2025-06-13 12:45:23 发布 · 322 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#server #file

javascript 同时被 2 个专栏收录

20 篇文章

订阅专栏

网页

9 篇文章

订阅专栏

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

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

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">