让ASP.NET的FileUpload控件支持浏览自动上传功能

FileUpload控件默认不支持服务端的ONCHANGE事件,此时用一种变通的方法借用客户端的onchange事件,调用__doPostBack方法来用LinkButton的OnClick事件模拟一个事件触发的过程,具体代码如下:


客户端:

  1. <asp:FileUpload ID="fuPhoto" onchange="javascript:__doPostBack('lbUploadPhoto','')" 
  2.                                 runat="server" ToolTip="选择图片" /> 
  3. <asp:LinkButton ID="lbUploadPhoto" runat="server" OnClick="lbUploadPhoto_Click"></asp:LinkButton> 

后台代码:

  1. //自动上传事件 
  2.        protected void lbUploadPhoto_Click(object sender, EventArgs e) 
  3.        { 
  4.            fileUpload(); 
  5.        } 
  6.        //从控件上传文件 
  7.        public void fileUpload() 
  8.        { 
  9.            if (fuPhoto.PostedFile != null && fuPhoto.PostedFile.ContentLength > 0) 
  10.            { 
  11.                string ext = System.IO.Path.GetExtension(fuPhoto.PostedFile.FileName).ToLower(); 
  12.                if (ext != ".jpg" && ext != ".jepg" && ext != ".bmp" && ext != ".gif"
  13.                { 
  14.                    return
  15.                } 
  16.                string filename = "Image_" + DateTime.Now.ToString("yyyyMMddHHmmss") + ext; 
  17.                string path = "./UploadPhoto/" + filename; 
  18.                fuPhoto.PostedFile.SaveAs(Server.MapPath(path)); 
  19.                Response.Redirect("ImageCut.aspx?Picurl=" + Server.UrlEncode(path)); 
  20.            } 
  21.            else 
  22.            { 
  23.                //do some thing; 
  24.            } 
  25.        } 
posted @   郑文亮  阅读(588)  评论(0编辑  收藏  举报
编辑推荐:
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
阅读排行:
· 地球OL攻略 —— 某应届生求职总结
· 周边上新:园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源!
· .NET周刊【3月第1期 2025-03-02】
· [AI/GPT/综述] AI Agent的设计模式综述
历史上的今天:
2011-02-28 HTC文件的使用
2011-02-28 style,runtimeStyle与currentStyle的定义及用法
2011-02-28 union与union all 的区别
2011-02-28 悟透JavaScript
2011-02-28 Web图片轮流显示
点击右上角即可分享
微信分享提示