现在的位置: 首页 > 综合 > 正文

FileUpload选中图片后就可以预览

2012年04月19日 ⁄ 综合 ⁄ 共 648字 ⁄ 字号 评论关闭

使用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;
      }

}

抱歉!评论已关闭.