加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

Ajax在ASP.NET MVC中上传

发布时间:2020-12-16 03:04:27 所属栏目:百科 来源:网络整理
导读: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(

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>

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读