C# Asp.net使用FormData對象實現ajax提交表單及上傳圖片
阿新 • • 發佈:2017-09-27
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() { varformData = 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提交表單及上傳圖片