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. }

FileUpload控件的更多相关文章

  1. C# 自定义FileUpload控件

    摘要:ASP.NET自带的FileUpload控件会随着浏览器的不同,显示的样式也会发生改变,很不美观,为了提高用户体验度,所以我们会去自定义FileUpload控件 实现思路:用两个Button和T ...

  2. FileUpload控件使用初步

    FileUpload控件使用初步   FileUpload控件使用初步: 1.实现文件上传 protected void btnSubmit_click(object sender, EventArg ...

  3. webform FileUpload控件实例应用 上传图片

    首先在根目录下建一个"images"文件: HTML: <form id="form1" runat="server"> < ...

  4. WebForm之FileUpload控件（文件上传）

    FileUpload控件要与Button.LinkButton.ImageButton配合使用 FileUpload控件的方法及属性: 1.SaveAs("要上传到服务器的绝对路径" ...

  5. ASP.NET让FileUpload控件支持浏览自动上传功能的解决方法

    ASP.NET的FileUpload控件默认是不支持服务端的onchange事件的,此时可以用一种变通的方法来实现这一功能. 这就需要借用客户端的onchange事件,调用__doPostBack方法 ...

  6. FileUpload控件「批次上传 / 多档案同时上传」的范例--以「流水号」产生「变量名称」

    原文出處  http://www.dotblogs.com.tw/mis2000lab/archive/2013/08/19/multiple_fileupload_asp_net_20130819. ...

  7. Fileupload控件导致500错误

    问题: 今天遇到一个问题,用Fileupload控件上传Excel文件,用一个button控件调用“FileUpload1.SaveAs”方法,点击按钮后出现服务器500错误.如下图: 解决方法: 在 ...

  8. UpdatePanel1里面使用FileUpload控件

    最近做项目过程中,遇到了UpdatePanel1里面放了一个FileUpload控件,结果从后台就获取不到上传的文件了,找了好久才找到原因.原因: 加了红色部分后立马获取到了.

  9. Asp.net中FileUpload控件实现图片上传并带预览显示

    单一图片上传——“选择”+“上传”,.NET默认模式: 1.实现原理:     采用FileUpload控件默认的使用方式,先由“选择”按钮选择图片,然后单击“上传”按钮完成上传,并可在“上传”按钮的 ...

随机推荐

  1. android中跨进程通讯的4种方式

    转自:http://blog.csdn.net/lyf_007217/article/details/8542359 帖子写的很好.看来一遍,试了一遍,感觉太有意义.必须转过来! android中跨进 ...

  2. java学习之部分笔记

    1.枚举类型 2.String的方法Index的用法.StringBuffer 的用法.Math的用法.Date类 3.用abstract修饰的类就是抽象类.抽象方法不能有主体.抽象类中,可以有抽象方 ...

  3. JQ 替换节点

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

  4. OpenGL教程之碰撞检测与模型运动

    下面我们要讨论的是如何快速有效的检测物体的碰撞和合乎物理法则的物体运动,先看一下我们要学的: 1)碰撞检测 ·移动的范围 — 平面 ·移动的范围 — 圆柱 ·移动的范围 — 运动的物体 2)符合物理规 ...

  5. mysql插入返回当前生成的主键

     1:sql中需要添加属性 keyColumn="base_price_id" keyProperty="basePriceId" useGeneratedKe ...

  6. %hd %d %ld %u ......

    %d 有符号10进制整数 %ld 长整型 %hd短整型%md,m指定的是输出字段的宽度,默认左补空格, 如果数据的位数小于m,则左端补以空格,若大于m,则 按实际位数输出,如: printf(&quo ...

  7. 解决eclipse无法解析shared_ptr

    今天心血来潮更新了一下机器上的ubuntu,装了14.04版本,原来是32位的,换成64的之后感觉是快了不少(加了内存).因为不少软件没做备份,包括eclipse,所以只得重装,重装之后的麻烦事儿就是 ...

  8. 循环-10. 求序列前N项和*

    /* * Main.c * C10-循环-10. 求序列前N项和 * Created on: 2014年7月30日 * Author: Boomkeeper *******部分通过******* */ ...

  9. python 数据类型之数float

    1.float 对象有一个重要的方法is_intger.如果这个float对应在转化为int时不会有精度的丢失就返回True,不然就返回False #!/usr/bin/python #!coding ...

  10. Macbook使用技巧

     Mac  OSX下 safari 常用快捷键盘     Command + R  刷新页面     Command + T  新建一个标签      Command + Shift+ 左右方向键   ...