FileUpload选中图片后就可以预览

最新推荐文章于 2022-10-18 17:06:21 发布

转载最新推荐文章于 2022-10-18 17:06:21 发布 · 859 阅读

文章标签：

#attributes #javascript #function #image #脚本 #2010

本文介绍了一种在用户选择图片文件后立即进行预览的方法。通过给FileUpload控件添加onchange事件，利用JavaScript判断文件类型并更新图片源，实现即时预览效果。

使用FileUpload选择了一个图片，必须使用另外一个按钮控件才能对其进行预览，怎样才能不使用其他控件，选中图片后就可以预览呢？ FileUpload没有事件,要用脚本来实现.给FileUpload控件添加Attributes，来加载onpropertychange事件，具体代码如下（这句要在页面加载的时候执行）： FileUpload1.Attributes.Add("onchange", "showPic();"); 客户端写的JavaScript函数: function showPic() { var fso = new ActiveXObject("Scripting.FileSystemObject"); if(fso.GetExtensionName(document.getElementById("FileUpload1").value).toLowerCase()!="jpg"&&fso.GetExtensionName(document.getElementById("FileUpload1").value).toLowerCase()!="bmp") { alert("请选择jpg、bmp格式的文件！"); } else { document.getElementById("Image1").src=document.getElementById("FileUpload1").value; } } 本文来自优快云博客，转载请标明出处：http://blog.youkuaiyun.com/songkexin/archive/2010/04/08/5461822.aspx