九、AsyncFileUpload——异步上传文件
2009-11-23 09:46
344 查看
AsyncFileUpload控件是用来异步上传文件的,说真的,看到现在,越来越觉得ajax control toolkit很鸡肋,总是似乎能用,但又总是似乎不够完全,所以,我觉得toolkit的用途真的不是很大,要做好这方面的工作ajax可以使用asp.net ajax,而js则使用jQuery我觉得这是比较完美的组合。
举例如下:
1. 拖入一个ScriptManage控件
2. 拖入一个AsyncFileUpload控件:
<cc1:AsyncFileUpload ID="AsyncFileUpload1" runat="server"
OnClientUploadComplete="uploadComplete" //上传成功完成后客户端调用的js方法
OnClientUploadError="uploadFailed" //上传失败后客户端调用的js方法
onuploadedcomplete="AsyncFileUpload1_UploadedComplete" /> //上传成功后服务器端调用的事件
3. 客户端调用js代码:
<script type="text/javascript">
function uploadComplete(){
alert("上传完成");
}
function uploadFailed(){
alert("上传失败");
}
</script>
4. 在页面所在的文件夹下再新建一个文件夹SavedFiles用来存放上传的文件,然后为控件添加onuploadedcomplete事件:
protected void AsyncFileUpload1_UploadedComplete(object sender, AjaxControlToolkit.AsyncFileUploadEventArgs e)
{
string filePath = Server.MapPath("SavedFiles");
AsyncFileUpload1.SaveAs(filePath + "//" + e.filename);
}
举例如下:
1. 拖入一个ScriptManage控件
2. 拖入一个AsyncFileUpload控件:
<cc1:AsyncFileUpload ID="AsyncFileUpload1" runat="server"
OnClientUploadComplete="uploadComplete" //上传成功完成后客户端调用的js方法
OnClientUploadError="uploadFailed" //上传失败后客户端调用的js方法
onuploadedcomplete="AsyncFileUpload1_UploadedComplete" /> //上传成功后服务器端调用的事件
3. 客户端调用js代码:
<script type="text/javascript">
function uploadComplete(){
alert("上传完成");
}
function uploadFailed(){
alert("上传失败");
}
</script>
4. 在页面所在的文件夹下再新建一个文件夹SavedFiles用来存放上传的文件,然后为控件添加onuploadedcomplete事件:
protected void AsyncFileUpload1_UploadedComplete(object sender, AjaxControlToolkit.AsyncFileUploadEventArgs e)
{
string filePath = Server.MapPath("SavedFiles");
AsyncFileUpload1.SaveAs(filePath + "//" + e.filename);
}
相关文章推荐
- MVC文件上传04-使用客户端jQuery-File-Upload插件和服务端Backload组件实现多文件异步上传
- ajaxFileUpload 异步上传文件简单使用
- jquery之ajaxfileupload异步上传,文件上传插件
- drag file upload xhr 拖拽异步上传文件
- ajaxFileUpload 异步上传文件简单使用
- ajaxfileupload.js实现文件异步上传
- struts 多文件上传 annotation注解(零配置)+ ajaxfileupload + 异步 版本
- jQuery插件ajaxFileUpload实现异步上传文件效果
- 整合 jquery ajaxfileupload 文件异步上传实例
- Struts2 + ajaxFileUpload 异步上传文件
- ajaxFileUpload 异步上传文件简单使用
- ajaxFileUpload 异步上传文件配合Struts2的简单使用
- SpringMVC中使用ajaxfileupload异步上传图片文件视频
- 【Html5】JQuery插件ajaxFileUpload 异步上传文件(PHP版)
- ajaxFileUpload.js 实现异步文件上传
- jquery插件ajaxFileUpload实现异步上传文件案例
- AjaxFileUpload.js实现异步上传文件
- jquery-uploadfile的使用(多文件异步上传)
- ajaxFileUpload 异步上传文件简单使用
- 异步上传文件,ajax上传文件,jQuery插件之ajaxFileUpload