您的位置：首页 > 编程语言 > ASP

C# Asp.net使用FormData对象实现ajax提交表单及上传图片

2017-09-26 23:11 1181 查看

1、html代码：

<form id="postForm">
文件名：<input type="text" name="filename" />
文件： <input type="file" name="my_file" />
<input type="button" value="提交" onclick="btnPost()" />
</form>

2、jquery代码：

<script>
function btnPost() {
var formData = new FormData($("#postForm")[0]);
$.ajax({
url: "/Home/Post",
data: formData,
type: "POST",
async: false,
contentType: false,
processData: false,
success: function (msg) {
},
error: function (e) {
}
});
}
</script>

注意：

contentType: false,------------>为了上传文件，具体百度有，
processData: false ----------->processData 默认为false，当设置为true的时候,jquery ajax 提交的时候不会序列化 data，而是直接使用data

3、cs代码：

public ActionResult Post()
{
var name = Request.Form["filename"];
HttpPostedFileBase myFile = Request.Files["my_file"];
.......
}

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航