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

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

 

posted @ 2017-09-26 23:11  一夜秋2014  Views(7037)  Comments(0Edit  收藏  举报