FileUpload上传文件时客户端的简单验证

 FileUpload上传文件时可以在客户端作一些简单验证，比如文件的扩展名等信息，也可以给出一些提示！下面是一个验证上传Excel文件的例子，由于Excel文件上传后，数据将导入到数据库中，所以在最后还加了一个确认提示！

1、页面代码：

<% ... @ Page Language="C#" AutoEventWireup="true" CodeFile="Upload.aspx.cs" Inherits="Upload"  %>

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >

< html  xmlns ="http://www.w3.org/1999/xhtml"   >
< head  runat ="server" >
     < title > Asp.net文件上传时的客户端简单验证 </ title >
    
< script  language ="javascript"   > ...
function checkmes(id)
...{
   var filename = document.getElementById(id).value;
   //验证是否选择文件
   if(filename=="")
   ...{
     alert("请选择一个文件！");
     return false;
   }
   
   //验证扩展名
   var ex = filename.substring(filename.length-4);
   if(ex!=".xls")
   ...{
      alert("你选择的文件类型不正确，请选择一个Excel文件!");
      return false;
   }
   
   //最后提示信息
   return confirm("你确定要上传此Excel文件？");
}
</ script >

</ head >
< body >
     < form  id ="form1"  runat ="server" >
     < div >
         < strong > Asp.net文件上传时的客户端简单验证 < br  />
             < br  />
             < asp:FileUpload  ID ="fu_Excel"  runat ="server"  Width ="300px"   /> &nbsp;
             < asp:Button  ID ="btn_Upload"  runat ="server"  Text ="上 传"  OnClick ="btn_Upload_Click"   /> &nbsp; </ strong ></ div >
     </ form >
</ body >
</ html >

2、后台代码：

using  System;
using  System.Data;
using  System.Configuration;
using  System.Collections;
using  System.Web;
using  System.Web.Security;
using  System.Web.UI;
using  System.Web.UI.WebControls;
using  System.Web.UI.WebControls.WebParts;
using  System.Web.UI.HtmlControls;

public   partial   class  Upload : System.Web.UI.Page
... {
    protected void Page_Load(object sender, EventArgs e)
    ...{
        btn_Upload.Attributes.Add("onclick", "javascript:return checkmes('" + fu_Excel.ClientID + "');");
    }

    protected void btn_Upload_Click(object sender, EventArgs e)
    ...{
        //上传文件的服务器端代码
    }
}

以上只是提供一种实现的方式，具体的验证可根据需要作相应的修改。