【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.文件类型验证。取上传文件的扩展名对其验证。

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

在网上找到两个客户端验证上传文件大小的例子，可是都是针对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>

来源：https://www.cnblogs.com/sekihin/archive/2007/07/13/817423.html

标签

fileupload