FileUpload控件

时间：2022-01-08 02:38:16

FileUpload控件

属性:
FileName: 获取上传的文件名

HasFile: 是否选择(存在)上传的文件

ContentLength: 获得上窜文件的大小,单位是字节(byte)

方法:
Server.MapPath(): 获取服务器上的物理路径

SaveAs(): 保存文件到指定的文件夹

注意:默认情况下限制上传文件大小为4MB,通过web.config.comments(这个设置是全局的配置)可以修改其默认设置
或者通过修改web.config文件来改变应用程序上传限制.

如:

Xml代码

  1. <httpRuntime maxRequestLength="10240" executionTimeout="150" enable="true"/>

<httpRuntime maxRequestLength="10240" executionTimeout="150" enable="true"/>

元素解释:
maxRequestLength: 设置上传文件大小,单位是kb.

executionTimeout: 允许执行请求的最大秒数,此功能必须在Compilation元素中Debug属性为false时才生效.

enable: 指定是否在当前的节点及子节点级别启用应用程序域 (AppDomain)，以接受传入的请求。如果为 False，则实际上关闭了该应用程序。默认值为 True.
通俗的说就是：是否允许用户访问该网站(是否允许Http请求)

注意:如果上传文件超过maxRequestLength大小,会出现页面无法显示的情况.

如:

检查文件上传类型:
1).客户端检查(javascript实现)

2).服务器端检查

示例:

界面参考:

javascript:

Js代码

  1. function checkType(){
  2. //得到上传文件的值
  3. var fileName=document.getElementById("FileUpLoad1").value;
  4. //返回String对象中子字符串最后出现的位置.
  5. var seat=fileName.lastIndexOf(".");
  6. //返回位于String对象中指定位置的子字符串并转换为小写.
  7. var extension=fileName.substring(seat).toLowerCase();
  8. //判断允许上传的文件格式
  9. //if(extension!=".jpg"&&extension!=".jpeg"&&extension!=".gif"&&extension!=".png"&&extension!=".bmp"){
  10. //alert("不支持"+extension+"文件的上传!");
  11. //return false;
  12. //}else{
  13. //return true;
  14. //}
  15. var allowed=[".jpg",".gif",".png",".bmp",".jpeg"];
  16. for(var i=0;i<allowed.length;i++){
  17. if(!(allowed[i]!=extension)){
  18. return true;
  19. }
  20. }
  21. alert("不支持"+extension+"格式");
  22. return false;
  23. }

function checkType(){

//得到上传文件的值

var fileName=document.getElementById("FileUpLoad1").value;

//返回String对象中子字符串最后出现的位置.

var seat=fileName.lastIndexOf(".");

//返回位于String对象中指定位置的子字符串并转换为小写.

var extension=fileName.substring(seat).toLowerCase();

//判断允许上传的文件格式

//if(extension!=".jpg"&&extension!=".jpeg"&&extension!=".gif"&&extension!=".png"&&extension!=".bmp"){

//alert("不支持"+extension+"文件的上传!");

//return false;

//}else{

//return true;

//}

var allowed=[".jpg",".gif",".png",".bmp",".jpeg"];

for(var i=0;i<allowed.length;i++){

if(!(allowed[i]!=extension)){

return true;

}

}

alert("不支持"+extension+"格式");

return false;

}

     .aspx:

Html代码

  1. <html xmlns="http://www.w3.org/1999/xhtml">
  2. <head runat="server">
  3. <title>无标题页</title>
  4. </head>
  5. <body>
  6. <form id="form1" runat="server">
  7. <div>
  8. <asp:FileUpload ID="FileUpLoad1" runat="server" />
  9. <br />
  10. <asp:Button ID="btnFileUpload" runat="server"
  11. OnClick="btnFileUpload_Click" Text="文件上传"
  12. OnClientClick="return checkType()" />
  13. <asp:Label ID="lblMessage" runat="server"></asp:Label>
  14. </div>
  15. </form>
  16. </body>
  17. </html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<title>无标题页</title>

</head>

<body>

<form id="form1" runat="server">

<div>

<asp:FileUpload ID="FileUpLoad1" runat="server" />

<br />

<asp:Button ID="btnFileUpload" runat="server"

OnClick="btnFileUpload_Click" Text="文件上传"

OnClientClick="return checkType()" />

<asp:Label ID="lblMessage" runat="server"></asp:Label>

</div>

</form>

</body>

</html>

.aspx.cs:

C#代码

  1. //文件上传按钮click事件
  2. protected void btnFileUpload_Click(object sender, EventArgs e)
  3. {
  4. if (FileUpLoad1.HasFile)
  5. {
  6. //判断文件是否小于10Mb
  7. if (FileUpLoad1.PostedFile.ContentLength < 10485760)
  8. {
  9. try
  10. {
  11. //上传文件并指定上传目录的路径
  12. FileUpLoad1.PostedFile.SaveAs(Server.MapPath("~/Files/")
  13. + FileUpLoad1.FileName);
  14. /*注意->这里为什么不是:FileUpLoad1.PostedFile.FileName
  15. * 而是:FileUpLoad1.FileName?
  16. * 前者是获得客户端完整限定(客户端完整路径)名称
  17. * 后者FileUpLoad1.FileName只获得文件名.
  18. */
  19. //当然上传语句也可以这样写(貌似废话):
  20. //FileUpLoad1.SaveAs(@"D:\"+FileUpLoad1.FileName);
  21. lblMessage.Text = "上传成功!";
  22. }
  23. catch (Exception ex)
  24. {
  25. lblMessage.Text = "出现异常,无法上传!";
  26. //lblMessage.Text += ex.Message;
  27. }
  28. }
  29. else
  30. {
  31. lblMessage.Text = "上传文件不能大于10MB!";
  32. }
  33. }
  34. else
  35. {
  36. lblMessage.Text = "尚未选择文件!";
  37. }
  38. }

相关文章