MVC 5.0(or5.0↓) Ajax.BeginForm 异步上传附件问题,答案是不能的!
MVC 5.0(or5.0↓) Ajax.BeginForm 异步上传附件问题,答案是不能的!
(请注意我这里说的异步!)
来看一下下面这段一步提交file的代码
//前台 .cshtml 文件
<script src="~/jquery.unobtrusive-ajax.js"></script>
@using (Ajax.BeginForm("upLoadAsync", "UploadFile", new AjaxOptions { HttpMethod = "Post", OnSuccess = "success"
}
, new { enctype = "multipart/form-data" }
)) { <input type="file" id="fileupload" name="Upload" /> <input type="submit" value="上传" id="btn"> }
//C#代码
public string upLoadAsync()
{
HttpPostedFileBase file = Request.Files["Upload"];
HttpPostedFileBase file = Request.Files[0];
//其余代码省略
//......
}
当debug到这里,你们就发现不管是 Request.Files["Upload"]亦或是 Request.Files[0] 都不会取到文件流。
这就是我要说的,当使用Ajax.BeginForm(jquery.unobtrusive-ajax.js) 异步上传是不可行的,因为文件流不会被C#代码读取
但是并不影响 Ajax.BeginForm(jquery.unobtrusive-ajax.js) 异步提交表单的特性。
那我我们应该如何异步提交表单呢?
利用 $("#formID").ajaxSubmit({});这个方法异步提交表单并且上传文件。
//前台 .cshtml 文件
<script src="~/jquery.form.js"></script>
<form id="formID" method="post" enctype="multipart/form-data">
@Html.Hidden("yearNow1", @ViewBag.yearNow as string)//输入一些要提交表单的值
<input type="file" id="fileupload" name="Upload" />
<input type="button" value="上传" id="btn">//这里用button代替submit
</form>
<script type="text/javascript">
$("#btn").click(function () {
$("#formID").ajaxSubmit({ url: "@Url.Action("upLoadAsync", "UploadFile")", type: "post", success: function (data) { //...... }, error: function (aa) { alert(aa); } });
});
//C#代码
public string upLoadAsync()
{
HttpPostedFileBase file = Request.Files["Upload"];
HttpPostedFileBase file = Request.Files[0];
//其余代码省略
//......
}
当debug到这里,你们就发现不管是 Request.Files["Upload"]亦或是 Request.Files[0] 都可以取到文件流。
当controller返回值也可以成功进入seccess方法中。
请注意我代码中标红的位置,以防遗漏导致一直debug无果问题!
总结一下:
1、MV5 5.0中异步提交表单方法两种:Ajax.BeginForm(new AjaxOptions:post) 和 $("#formID").ajaxSubmit({})
2、MVC 5.0中异步提交表单上传文件一种:$("#formID").ajaxSubmit({})
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 一个奇形怪状的面试题:Bean中的CHM要不要加volatile?
· [.NET]调用本地 Deepseek 模型
· 一个费力不讨好的项目,让我损失了近一半的绩效!
· .NET Core 托管堆内存泄露/CPU异常的常见思路
· PostgreSQL 和 SQL Server 在统计信息维护中的关键差异
· CSnakes vs Python.NET:高效嵌入与灵活互通的跨语言方案对比
· DeepSeek “源神”启动!「GitHub 热点速览」
· 我与微信审核的“相爱相杀”看个人小程序副业
· Plotly.NET 一个为 .NET 打造的强大开源交互式图表库
· 上周热点回顾(2.17-2.23)