Asp.netmvc4用iframe实现异步上传

1.        Model层用一个TestModel（与上一篇博文的TestModel 相同）

坚守“ 做人真诚 · 做事靠谱 · 口碑至上 · 高效敬业 ”的价值观，专业网站建设服务10余年为成都高空作业车租赁小微创业公司专业提供成都企业网站定制营销网站建设商城网站建设手机网站建设小程序网站建设网站改版，从内容策划、视觉设计、底层架构、网页布局、功能开发迭代于一体的高端网站建设服务。

2.        Controller层：
 public class TestController : Controller
{
//这是iframe页面的action
 public ActionResult IframeView()
        {
           return View();
        }
       public ActionResult View2()
        {
           return View();
        }
       /// <summary>
       /// 提交方法
       /// </summary>
       /// <param name="tm">模型数据</param>
       /// <param name="file">上传的文件对象，此处的参数名称要与View中的上传标签名称相同</param>
       /// <returns></returns>
        [HttpPost]
       public ActionResult View2(TestModel tm, HttpPostedFileBase file)
        {
           if (file == null)
            {
               return Content("没有文件！", "text/plain");
            }
           var fileName = Path.Combine(Request.MapPath("~/UploadFiles"), Path.GetFileName(file.FileName));
           try
            {
                file.SaveAs(fileName);
                tm.AttachmentPath = fileName;//得到全部model信息
               return Content("上传成功！", "text/plain");
            }
           catch
            {
               return Content("上传异常 ！", "text/plain");
            }
        }
}
View层，现在有两个View层，一个是iframe，叫IframeView，一个是View2，分别如下：
IframeView
@model UploadFile.Models.TestModel
@{
    Layout =null;
}
<!DOCTYPE html>
<html>
<head>
   <meta name="viewport" content="width=device-width" />
   <title>IframeView</title>
</head>
<body>
   @*enctype= "multipart/form-data"是必需有的，否则action接收不到相应的file，这里报交的action是View2*@
   @using (Html.BeginForm("View2", "Test", FormMethod.Post, new { enctype = "multipart/form-data" }))
    {
       @Html.LabelFor(mod => mod.Title)
       <br />
       @Html.EditorFor(mod => mod.Title)
       <br />    <br />
       @Html.LabelFor(mod => mod.Content)
       <br />
       @Html.EditorFor(mod => mod.Content) 
       <br />   
       <span>上传文件</span>
       <br />
       <input type="file" name="file" />
       <br />
       <br />
       <input id="ButtonUpload" type="submit" value="提交" />
    }
</body>
</html>
别一个是View2
@{
    Layout =null;
}
 
<!DOCTYPE html>
<html>
<head>
   <meta name="viewport" content="width=device-width" />
   <title>iframe异步上传</title>
</head>
<body>
    <form>
       <iframe width="500" height="500" src="/Test/IframeView"></iframe>
   </form>
</body>

</html>

网页名称：Asp.netmvc4用iframe实现异步上传
网页网址：https://www.cdcxhl.com/article42/jodsec.html

成都网站建设公司_创新互联，为您提供网站维护、标签优化、外贸网站建设、网站排名、App开发、建站公司

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联

猜你还喜欢下面的内容

网站建设网站维护公司

域名注册知识

分类信息网站