2019獨角獸企業重金招聘Python工程師標準>>>

被這個問題困擾了好久。。。真是醉了

借用了jquery 的插件，jquery-form.js，鏈接：http://jquery.malsup.com/form/#download

js代碼(options包含很多參數，可以進行設置)

<script?type="text/javascript">function?save(){var?options?=?{success:function(data){if(data.success==true)?{alert("保存成功");}}}//?當沒有選擇上傳文件，如果還想正確提交時必須做以下處理if($("#pdfInput").val()==""){$("#pdfInput").remove();$("#uploadForm").attr("enctype",?"application/x-www-form-urlencoded");//或者不用remove()就設為disabled也可以//$("#pdfInput").attr("disabled",?"disabled");}$('#uploadForm').ajaxSubmit(options);} </script>

Form表單

<form?action="${ctx}/StdManage/standardsUpdate"?id="uploadForm"?method="post"?enctype="multipart/form-data"><input?type="text"?name="id"><input?type="file"?name="stdFile"?id="pdfInput"> </form><button?type="button"?onclick="save()">save</button>

Controller

@Controller("/StdManage") public?class?StdManageController{@RequestMapping("standardsUpdate")public?void?standardsUpdate(StandardWithBlobs?standardWithBlobs)?{System.out.println("id:"?+?standardWithBlobs.getId());} }

StandardWithBlobs

package?whu.edu.irlab.model;import?org.springframework.web.multipart.MultipartFile;public?class?StandardWithBLOBs?extends?Standard{private?String?entities;private?String?possibleEntities;private?MultipartFile?stdFile;getter?and?setter?...? }

轉載于:https://my.oschina.net/u/1020238/blog/528607

總結

以上是生活随笔為你收集整理的Ajax传Form表单，包括上传文件的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。