HomeController.cs
using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.Mvc; namespace ajaxUpload.Controllers { public class HomeController : Controller { [HttpPost] public JsonResult Upload() { var uploadedFile = Request.Files[0] as HttpPostedFileBase; return Json(uploadedFile.FileName); } public ActionResult Index() { return View(); } } }
Index.cshtml@
ViewBag.Title = "Home Page"}
<div class="jumbotron"> <h1>Ajax在ASP.NET MVC中上传</h1> </div> <div class="row"> <div id="main"> <h1>上传您的图片</h1> <form id="uploadfrm" method="post" enctype="multipart/form-data" action="/home/upload"> <input type="file" name="images" id="images" /> </form> <div id="response"></div> <ul id="image-list"></ul> </div> <button onclick="Upload();">上传</button> </div> <script> function Upload() { var form = document.getElementById(‘uploadfrm‘); var formData = new FormData(form); // 这里如何把form的数据上传
$.ajax({ url: "/home/upload",type: "POST",data: formData,processData: false,contentType: false,success: function (res) { document.getElementById("response").innerHTML = res; } }); } </script>
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。
