码迷,mamicode.com
首页 > Windows程序 > 详细

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

时间:2017-09-27 00:42:23      阅读:215      评论:0      收藏:0      [点我收藏+]

标签:form   http   var   put   val   cli   jquery代码   tty   默认   

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"];
            .......
        }

 

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

标签:form   http   var   put   val   cli   jquery代码   tty   默认   

原文地址:http://www.cnblogs.com/qk2014/p/7599536.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!