【ASP.NET】基础补习之FileUpload
FileUpload控件
FileUpload工作原理
FileUpload 类显示一个文本框控件和一个浏览按钮（<input type="file">），使用户可以选择客户端上的文件并将它上载到 Web 服务器。用户通过在控件的文本框中输入本地计算机上文件的完整路径（例如，C:\MyFiles\TestFile.txt）来指定要上载的文件。用户也可以通过单击“浏览”按钮，然后在“选择文件”对话框中定位文件来选择文件。
<!--[if !supportEmptyParas]--> <!--[endif]-->
FileUpload使用方法
1.选择要上载的文件后。
2.显式提供一个控件或机制，使用户能提交指定的文件。例如，单击按钮上载文件。
3.使用 HasFile 属性来验证 FileUpload 控件确实包含文件。
4.调用 SaveAs 方法将文件内容保存到服务器上的指定路径。
<!--[if !supportEmptyParas]--> <!--[endif]-->
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>
<httpRuntime executionTimeout="300" maxRequestLength="40960" useFullyQualifiedRedirectUrl="false"/>
</system.web>
8.PostedFile 属性获取要上载的文件的基础 HttpPostedFile 对象。可以使用此属性访问文件的其他属性。
<!--[if !supportEmptyParas]--> <!--[endif]-->
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>
<!--[if !supportEmptyParas]--> 在网上找到两个客户端验证上传文件大小的例子，可是都是针对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" /> K
<input type="file" name="file1" size="40" onchange="changeSrc(this)"/>
<img src="about:blank" 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" />
<input type="button" value="提交" onclick="crobj()"/>
</form>
</body>
</html>
<!--[endif]-->
TrackBack:http://www.cnblogs.com/sekihin/archive/2007/07/13/817423.html
- 上一篇 »Python基础学习之反射机制详解
- 下一篇 »【读书笔记】Java基础学习之目录