1. 程式人生 > >C# Asp.net使用FormData對象實現ajax提交表單及上傳圖片

C# Asp.net使用FormData對象實現ajax提交表單及上傳圖片

sync ext syn data .... error post req 序列化

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提交表單及上傳圖片