【ASP.NET】基础补习之FileUpload

FileUpload控件

FileUpload工作原理

FileUpload 类显示一个文本框控件和一个浏览按钮（<input type="file">），使用户可以选择客户端上的文件并将它上载到 Web 服务器。用户通过在控件的文本框中输入本地计算机上文件的完整路径（例如，C:\MyFiles\TestFile.txt）来指定要上载的文件。用户也可以通过单击“浏览”按钮，然后在“选择文件”对话框中定位文件来选择文件。

FileUpload使用方法

1.选择要上载的文件后。

2.显式提供一个控件或机制，使用户能提交指定的文件。例如，单击按钮上载文件。

3.使用 HasFile 属性来验证 FileUpload 控件确实包含文件。

4.调用 SaveAs 方法将文件内容保存到服务器上的指定路径。

FileUpload使用注意

1.调用 SaveAs 方法时，您必须指定用来保存上载文件的目录的完整路径。如果您没有在应用程序代码中显式指定路径，则当用户试图上载文件时将引发异常。

2.SaveAs 方法将上载的文件写到指定的目录。请确保ASP.NET 应用程序必须具有服务器上该目录的写访问权限。

3.使用 FileName 属性可以获取客户端上使用 FileUpload 控件上载的文件的名称。此属性返回的文件名不包含此文件在客户端上的路径。

4.使用 Server.MapPath方法可以获得虚拟目录下的完整路径。例：

string path = Server.MapPath("~/Temp/")

5.使用 FileBytes 属性可以检索文件中的所有字节。

6.System.IO.Path.GetExtension(FileUpload1.FileName).ToLower()可以获得上传文件的类型。

7.使用FileUpload控件上传文件时对文件大小的限制可以在配置文件（web.config）中配置。

<system.web>

</system.web>

8.PostedFile 属性获取要上载的文件的基础 HttpPostedFile 对象。可以使用此属性访问文件的其他属性。

FileUpload客户端验证

1.文件类型验证。取上传文件的扩展名对其验证。

< script type = " text/javascript " language = " JavaScript " >

    function ClientCheckType(sender,args)
     {
           var ext = document.getElementById( " FileUpload1 " ).value;
          ext = ext.substring(ext.length - 3 ,ext.length);
          ext = ext.toLowerCase();

           if (ext != '.jpg')
          {
                args.IsValid = false ;
           }
           else
          {
                args.IsValid = true ;
           }

      }

</ script >

2.文件大小验证。定义FSO对象获取文件信息。

< script type = " text/javascript " defer >

function ClientCheckSize(sender,args)
{
       var obj = document.getElementById( " FileUpload1 " );
       var fso = new ActiveXObject( " Scripting.FileSystemObject " );
       var opath = fso.GetFile(obj.value);

       if (opath.size < 1024 )
      {
        args.IsValid = false ;
      }
       else
      {
                    args.IsValid = true ;
      }
}
</ script >

在网上找到两个客户端验证上传文件大小的例子，可是都是针对IE的，怪不得IE那么危险。

<! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >

< html >
< head >
     < title > Check FileSize </ title >
     < script type ="text/javascript" >


     function changeSrc(filePicker)
    {
         var oFileChecker = document.getElementById( " fileChecker " );
        oFileChecker.src = filePicker.value;
         var aa = oFileChecker.src;
    }

     function checkSize()
    {
         var oFileChecker = document.getElementById( " fileChecker " );
         if (oFileChecker.fileSize > 1024 )
        {
            alert( " too large " );
        }
         else
        {
            alert( " ok " );
        }
    }
</ script >
</ head >
< body >

< form action ="" >
< input type ="text" size ="4" value ="10" name ="fileSizeLimit" id ="fileSizeLimit" /> K
< input type ="file" name ="file1" id ="file1" size ="40" onchange ="changeSrc(this)" />
< img src ="about:blank" id ="fileChecker" alt ="test"   height ="18" />
< b ></ b >
< input type ="button" value ="提交" onclick ="checkSize()" />
</ form >

</ body >
</ html >

<! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >

< html >
< head >
     < title > Check FileSize </ title >
     < script type ="text/javascript" defer >
function crobj()
{
   var obj = document.getElementById( " path " );
   var fso = new ActiveXObject( " Scripting.FileSystemObject " );
   var opath = fso.GetFile(obj.value);
   var s = " 文件大小? " + opath.size + " bytes " ;
  alert(s);
}
</ script >

</ head >
< body >

< form action ="" >
< input type ="file" id ="path" />
< input type ="button" value ="提交" onclick ="crobj()" />
</ form >

</ body >
</ html >

TrackBack:http://www.cnblogs.com/sekihin/archive/2007/07/13/817423.html

转载于:https://www.cnblogs.com/hdjjun/archive/2008/09/24/1297942.html

【ASP.NET】基础补习之FileUpload

猜你喜欢