asp.net MVC ajax上传文件
Posted wxl369
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了asp.net MVC ajax上传文件相关的知识,希望对你有一定的参考价值。
普通上传
view:
<body> <form id="form1" method="post" action="@Url.Action("UploadFile","Mydemo")" enctype="multipart/form-data"> <input type="file" name="file"/> <input type="submit" value="提交" /> </form> </body>
Controller:
[HttpPost]
public ActionResult UploadFile(HttpPostedFileBase file)
{
return Content("");
}
Ajax上传
用普通的ajax提交表单的时候,不能把文件流传到后端去,所以要用到jquery.form.js
jquery.form.js到官网下载或者从这里下载:http://pan.baidu.com/s/1c2JS60C
view:
<script src="~/Scripts/jquery-1.7.1.min.js"></script> <script src="~/Scripts/jquery.form.js"></script> </head> <body> <form id="form1"> <input type="file" name="file"/> <input type="button" value="提交" onclick="sub()" /> </form> </body> </html> <script type="text/javascript"> function sub() { $("#form1").ajaxSubmit({ url: "@Url.Action("UploadFile", "Mydemo")", type: "post", success: function (data) { //...... }, error: function (aa) { alert(aa); } }); } </script>
Controller:
[HttpPost] public ActionResult UploadFile(HttpPostedFileBase file) { return Content(""); }
以上是关于asp.net MVC ajax上传文件的主要内容,如果未能解决你的问题,请参考以下文章
asp.net mvc Ajax.BeginForm 异步上传图片的问题
html Ajax文件上传(JQuery和ASP.Net MVC).html