form表單上傳檔案返回資料
廢話不說,直接上程式碼
jsp:
<div style="display:none">
<form id="viewImport" action="" enctype="multipart/form-data" method="post">
<input type="text" id="groupId" name="groupId" value=""/>
<input type="text" id="groupName" name="groupName" value=""/>
<input type="text" id="groupType" name="groupType" value=""/>
<input type="text" id="fileType" name="fileType" value=""/>
<input id ="file" type="file" name="file" onchange="getImport()">
</form>
</div>
//顯示上傳彈框
$("#file").trigger("click");
//form表單提交
function getImport() {
var form = $("#form表單id");
var options = {
url:"提交地址",
type:'post',
success:function(data){
var jsondata = eval("("+data+")");
if(jsondata.error == "0"){ //error為自己定義的屬性名(java後臺)
}else{
}
//最後要清空表單,不然再次選擇檔案會出現延遲現象只能重新重新整理頁面後上傳才會出現
$("#groupId").val("");/
$("#groupName").val("");
$("#groupType").val("");
$("#file").val("");
}
};
form.ajaxSubmit(options);
}
java :
//定義返回物件
Map<String, String> obj = new HashMap<>();
//自定義屬性名稱與值
obj.put("error", "0");
obj.put("message", "上傳檔案已損壞。");
PrintWriter out = null;
try {
out = response.getWriter();
} catch (IOException e2) {
// TODO Auto-generated catch block
e2.printStackTrace();
}
//將返回物件封裝為json資料
out.println(封裝後的json資料);