博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
关于MVC Ajax.BeginForm()异步上传文件的问题
阅读量:6244 次
发布时间:2019-06-22

本文共 1118 字,大约阅读时间需要 3 分钟。

问题描述:

  如果用juqery原生的异步上传方式,只要如下方法即可

$.ajax({             type: "GET",             url: "test.json",             data: {username:$("#username").val(), content:$("#content").val()},             dataType: "json",             success: function(data){
alert(""); } }) 但是既然用MVC就应该利用它的优势,所以就用了如下方法

@using (Ajax.BeginForm("Upload", "Index", new AjaxOptions() { HttpMethod = "Post", OnSuccess = "onSuccess" }, new { enctype = "multipart/form-data", id = "uploadForm" }))

{
<input type="hidden" name="id" value="@ViewBag.id">
<input type="file" id="scan" name="image" value="浏览.." />
<input type="submit" value="上传" />
}

在后台用

public ActionResult UpLoad(HttpPostedFileBase file)

{

file = Request.Files["image"];

}

好了在后台能拿到数据完美了,但是问题也来了,异步异步,就是是否成功与否都要返回到前台data;

data是返回了,但是却返回到了Action Upload页面,而请求的页面是Index页面。

然后我马上想到了mvc有一个自带的异步js文件能解决异步返回请求的页面 文件如下:

<script src="~/Scripts/jquery.unobtrusive-ajax.min.js"></script>

但是这个异步只是针对<input type=text>类型的,对于 enctype = "multipart/form-data" 类型的后台的file就一直取不到

然后经过度娘的帮助找到了这个厉害的js文件,就解决了这个问题哈哈文件如下:

 

转载于:https://www.cnblogs.com/smalldragon-hyl/p/6505160.html

你可能感兴趣的文章
官方实锤!微软宣布以 75 亿美元收购 GitHub
查看>>
vuejs深入浅出—基础篇
查看>>
View的绘制过程
查看>>
AI助力机器人市场,机器人升级2.0迫在眉睫
查看>>
Android Studio: Plugin with id 'android-library' not found
查看>>
前端css性能优化
查看>>
git的学习
查看>>
算法导论——动态规划
查看>>
Android--高德地图自动定位
查看>>
面试官,您要的快排
查看>>
akka设计模式系列-Aggregate模式
查看>>
webpack4-用之初体验,一起敲它十一遍
查看>>
Redis详解(五)------ redis的五大数据类型实现原理
查看>>
Spring【DAO模块】就是这么简单
查看>>
wamp虚拟主机配置
查看>>
深入Spring Boot:ClassLoader的继承关系和影响
查看>>
Android带有删除按钮的EditText:EditTextWithDeleteButton
查看>>
2:C#TPL探秘
查看>>
Android Segmented RadioButton
查看>>
Java中菜单组件
查看>>