C# MVC ajax上传文件

Posted 2021-01-18 万万万

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了C# MVC ajax上传文件相关的知识，希望对你有一定的参考价值。

用普通的ajax提交表单的时候,不能把文件流传到后端去,所以要用到jquery.form.js

jquery.form.js到官网下载或者从这里下载:http://pan.baidu.com/s/1c2JS60C

view:

<script src="~/Scripts/jquery-1.7.1.min.js"></script>
<script src="~/Scripts/jquery.form.js"></script>
</head>
<body>
<form id="form1">
<input type="file" name="file"/>
<input type="button" value="提交" onclick="sub()" />
</form>
</body>
</html>
<script type="text/javascript">
function sub()
{
$("#form1").ajaxSubmit({
url: "@Url.Action("UploadFile", "Mydemo")",
type: "post",
success: function (data) {
//......
},
error: function (aa) {
alert(aa);
}
});
}
</script>

Controller:

 [HttpPost]
        public ActionResult UploadFile(HttpPostedFileBase file)
        {
           
            return Content("");
        }

原文地址：https://www.cnblogs.com/wei325/p/5597015.html

下面这个

FormData上传文件，我当时用了好像是不支持IE10以下

var formData = new FormData();

formData.append("filefloder", document.getElementById("filefloder").files[0])

$.ajax({

url: "@Url.Action("Upload", "UpdateManage")",

type: "post",

data: formData,

contentType: false,

processData: false,

success: function () {

alert("上传成功")

location = location

error: function () {

alert("上传失败")

}

})

以上是关于C# MVC ajax上传文件的主要内容，如果未能解决你的问题，请参考以下文章

使用ajax一次上传多个文件

Spring mvc ajax文件上传导致415（不支持的媒体类型）

在提交按钮 C# MVC 上获取上传的文件

C# MVC - 上传多个大文件创建字节数组

在 ASP.NET MVC 中通过 JQuery AJAX 上传文件

如何使用 ajax 将文件上传到 asp.net mvc 控制器操作

C# MVC ajax上传 文件

C# MVC ajax上传文件