Html上传控件点击游览看到游览照片---实用得上传控件

JavaScript脚本

<script>
          function ShowTempImage(imageCtlID, fileCtlID)
          { 
              var filePath = document.getElementById(fileCtlID).value;
                
              var fileEx=filePath.split(".");
              //debugger;
              var fileExName  = (fileEx[fileEx.length-1]).toLowerCase();
                
              //如果上传文件扩展名不是jpg或gif将不显示临时图片
              if ( fileExName=="jpg" || fileExName ==  "gif" || fileExName ==  "bmp" )
              {
                  document.getElementById(imageCtlID).src = filePath;
              }
              else
              {
                  document.getElementById(imageCtlID).src = "/data/empty.jpg";
              }
          }
</script>

html代码

<INPUT id="file" type="file" size="20" name="file" runat="server">
        <asp:image id="Image1" runat="server" Width="150px" Height="100px" ImageUrl="/Data/empty.jpg"></asp:image>

Cs代码 放在!this.IsPostBack里面页面一加载 就注册这段Js脚本

if (!this.IsPostBack)
            {
this.file.Attributes.Add("onchange", "ShowTempImage('" + this.Image1.ClientID + "','" + this.file.ClientID + "')");
            }