Asp.net使用ajax无刷新上传文件(附源码)
2009-12-21 18:03
921 查看
使用Ajax无刷新上传文件是当前比较流行的功能。借助JQuery强大的插件,现在已经可以很容易了。
首先导入js文件jquery.ajaxfileupload.js。此插件的原理是在文档中创建iframe和form然后在将文件上传到服务器。
代码
1 protected void Page_Load(object sender, EventArgs e)
2 {
3 HttpFileCollection files = Request.Files;
4 if (files != null && files.Count > 0)
5 {
6 HttpPostedFile file = files[0];
7
8 string tmpPath = Server.MapPath("/Upload/");
9 string fileName = Path.GetFileName(file.FileName);
10 try
11 {
12 file.SaveAs(tmpPath + fileName);
13 Response.Write(@"{
14 status : 'success',
15 msg: {
16 Origin : '" + "/upload/" + fileName + @"'
17 }
18 }");
19 }
20 catch (Exception ex)
21 {
22 Response.Write(@"{
23 status : 'error',
24 msg : '" + ex.Message + @"'
25 }");
26 Response.End();
27 }
28 }
29 }
Ajax无刷新上传文件示例源码
首先导入js文件jquery.ajaxfileupload.js。此插件的原理是在文档中创建iframe和form然后在将文件上传到服务器。
代码
1 protected void Page_Load(object sender, EventArgs e)
2 {
3 HttpFileCollection files = Request.Files;
4 if (files != null && files.Count > 0)
5 {
6 HttpPostedFile file = files[0];
7
8 string tmpPath = Server.MapPath("/Upload/");
9 string fileName = Path.GetFileName(file.FileName);
10 try
11 {
12 file.SaveAs(tmpPath + fileName);
13 Response.Write(@"{
14 status : 'success',
15 msg: {
16 Origin : '" + "/upload/" + fileName + @"'
17 }
18 }");
19 }
20 catch (Exception ex)
21 {
22 Response.Write(@"{
23 status : 'error',
24 msg : '" + ex.Message + @"'
25 }");
26 Response.End();
27 }
28 }
29 }
Ajax无刷新上传文件示例源码
相关文章推荐
- Asp.net使用ajax无刷新上传文件(附源码)
- Asp.net使用ajax无刷新上传文件(附源码)
- asp.net ajax 和 asp.net 2.0中的fileupload合力打造无刷新文件上传控件
- ASP.NET MVC POST 仿AJAX静态刷新表单上传文件以及传递数据
- Javascript与asp.net 实现Ajax多文件无刷新上传
- JQuery文件上传插件ajaxFileUpload在Asp.net MVC中的使用
- Asp.net MVC中使用JQuery插件ajaxFileUpload上传文件
- ASP.NET与JQUERY的AJAX文件上传 视频课件+源码Demo
- ASP.Net+Ajax实现多文件无刷新上传
- ASP.NET使用SWFUpload上传大文件教学(源码) (转)
- asp.net ajax 和 asp.net 2.0中的fileupload合力打造无刷新文件上传控件
- Asp.net MVC中使用JQuery插件ajaxFileUpload上传文件
- ASP.NET与JQUERY的AJAX文件上传 视频课件+源码Demo
- Javascript与asp.net 实现Ajax多文件无刷新上传(转)
- asp.net ajax AjaxFileUpload使用 多文件上传
- JQuery文件上传插件ajaxFileUpload在Asp.net MVC中的使用
- Asp.net MVC中使用JQuery插件ajaxFileUpload上传文件
- ASP.NET MVC中,怎么使用jquery/ajaxForm上传文件
- Javascript与asp.net 实现Ajax多文件无刷新上传
- Asp.Net Mvc 使用jQuery实现Ajax文件上传