前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >ASP.NET Ajax AsyncFileUpload 控件用法

ASP.NET Ajax AsyncFileUpload 控件用法

作者头像
拓荒者-NET
发布2019-09-26 11:21:30
2K0
发布2019-09-26 11:21:30
举报

AsyncFileUpload控件,就是用来对文件进行异步上传的,示例看这里:http://www.asp.net/ajax/ajaxcontroltoolkit/Samples/AsyncFileUpload/AsyncFileUpload.aspx。有需要异步上传文件的同学要看这里了,具体用法如下:

前台代码:

代码语言:javascript
复制
<ajaxToolkit:AsyncFileUpload OnClientUploadError="uploadError" OnClientUploadComplete="uploadComplete"
            runat="server" ID="AsyncFileUpload1" Width="400px" UploaderStyle="Modern" 
            UploadingBackColor="#CCFFFF" 
            onuploadedcomplete="AsyncFileUpload1_UploadedComplete" />

说说属性吧,

OnClientUploadError:客户端错误处理方法

OnClientUploadComplete:客户端上传完成事件

UploaderStyle:控件的风格,有传统和现代两种

OnUploadedComplete:服务器端上传完成处理事件,在这个事件中可以调用SaveAs方法,指定文件的存储位置和名称等。

前台js代码:

代码语言:javascript
复制
function uploadComplete(sender, args) {
            alert("上传成功");
        }
        function uploadError(sender, args) {
            alert("上传错误");
        }

后台代码:

代码语言:javascript
复制
protected void AsyncFileUpload1_UploadedComplete(object sender, AjaxControlToolkit.AsyncFileUploadEventArgs e)
        {
            AjaxControlToolkit.AsyncFileUpload fileUploader = sender as AjaxControlToolkit.AsyncFileUpload;
            if (fileUploader != null && fileUploader.HasFile)
            {
                fileUploader.SaveAs(Server.MapPath("/Resource/UploadFile/" + fileUploader.FileName));
            }
        }
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2011-04-21 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档