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