下载异步上传插件AjaxFileUploader,下载地址:http://phpletter.com/DOWNLOAD/
Asp.net mvc4用JQuery插件实现异步上传
推荐 原创
©著作权归作者所有:来自51CTO博客作者桂素伟的原创作品,请联系作者获取转载授权,否则将追究法律责任
解压,保存在 asp.net mvc项目的一个文件夹下,如下图:
1. Controller层
public ActionResult View3()
{
return View();
}
[HttpPost]
public ActionResult View3(HttpPostedFileBase file)
{
if (file == null)
{
return Content("没有文件!", "text/plain");
}
var fileName = Path.Combine(Request.MapPath("~/UploadFiles"), Path.GetFileName(file.FileName));
try
{
file.SaveAs(fileName);
return Content("上传成功!", "text/plain");
}
catch
{
return Content("上传异常 !", "text/plain");
}
}
2. View层:
@{
Layout = null;
}
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>View1</title>
<script src="~/Scripts/jquery-1.7.1.min.js"></script>
<script src="~/ajaxfileupload/jquery.js"></script>
<script src="~/ajaxfileupload/ajaxfileupload.js"></script>
<script type="text/javascript">
function ajaxFileUploads() {
$("#loading").ajaxStart(function () {
$(this).show();
})//开始上传文件时显示一个图片
.ajaxComplete(function () {
$(this).hide();
});//文件上传完成将图片隐藏起来
$.ajaxFileUpload({
url: '/Test/View3',//后台处理的action
secureuri: false,
fileElementId: 'file',//上传的控件名
dataType: 'text',
success: function (data, status) {
$("#mydiv").html( data);
},
error: function (data, status, e) {
$("#mydiv").html( data + " " + e);
}
})
return false;
}
</script>
</head>
<body>
<input type="file" id="file" name="file" />
<img src="../ajaxfileupload/loading.gif" width="20px" height="20px" id="loading" style="display: none;">
<span id="mydiv" style="color: green;"></span>
<br />
<input type="button" value="上传" ajaxFileUploads();">
</body>
</html>
提问和评论都可以,用心的回复会被更多人看到
评论
发布评论
相关文章
-
Asp.net mvc4用iframe实现异步上传
Asp.net mvc4用iframe实现异步上传
iframe public 异步上传 -
[MVC4]初识ASP.NET MVC4
最近一个月都在专心做unity3d的斗地主游戏,从早到晚,最后总算是搞出来了,其中的心酸只有自己知道。最近才有功生成工程的目录App_S
ASP.NET MVC4 MVC 启动项 App -
Asp.net Mvc4默认权限详细
因为是转载文章 在此标明出处,以前有文章是转的没标明的请篇的菜鸟
ide 数据库 成员资格 -
asp.net mvc4 jquery validate 弹出框提示
修改jquery.validate.unobtrusive.js,提供验证消息采用弹出方式的功能。
MVC Jquery ASP/ASP.NET -
asp.net MVC4 学习(一)
asp.net MVC 回顾 Html.ActionLinkhttp://www.cnblogs.com/jiagoushi/p/3905828.html选择基本模板,视图引擎 选择RazorASP.NET MVC的请求过程
asp.net mvc4 asp.net mvc html javascript -
asp.net mvc4 新特性
摘自:ASP.MVC Web编程几种模板的解释
asp.net mvc4 web编程 mvc