這篇文章主要介紹Jquery如何實現(xiàn)文件提交,文中介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們一定要看完!
10年積累的成都做網(wǎng)站、成都網(wǎng)站制作經(jīng)驗,可以快速應對客戶對網(wǎng)站的新想法和需求。提供各種問題對應的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡服務。我雖然不認識你,你也不認識我。但先做網(wǎng)站后付款的網(wǎng)站建設流程,更有樺南免費網(wǎng)站建設讓你可以放心的選擇與我們合作。
首先引入文件jquery.js,jquery.form.js,jqueryMultiFile.js
JSP頁面中增加:
$(document).ready(function(){
$('#myfile').MultiFile({
accept:'jpg|png|bmp|gif',
max:10,
STRING: {
remove:'移除',
selected:'已經(jīng)選擇了: $file',
denied:'對不起,不支持: $ext!',
duplicate:'文件重復:\n$file!'
},
autoIntercept:['ajaxForm']
});
}
$("#editRoomForm").ajaxForm({
url : "<%=basePath%>/smart/zone/updateRoom",
dataType : "json",
success:function(data){
if(data == -1){
},
error:function() {
}
});
Form中增加
<inputtype="file" name="myfile" id="myfile" ></input>
修改類型:enctype="multipart/form-data"
Java中
@RequestMapping(value = "/updateRoom")
@ResponseBody
public int updateRoom(@ModelAttribute("editRoomForm") MeetingRoomDTO room, String[] editUserGroupSelected,
@RequestParam MultipartFile[] myfile, HttpServletRequest request, HttpSession session) {
try {
ZoneDTO zone = zoneService.getZoneById(room.getZoneID());
if (myfile != null && myfile.length > 0) {
// 圖片存儲路徑
String path = request.getRealPath("/") + "resources\\p_w_picpaths\\room\\p_w_picpathName\\";
// 數(shù)據(jù)庫存儲路徑
String dbpath = "resources/p_w_picpaths/room/p_w_picpathName/";
// 圖片名稱
String p_w_picpathName = "";
String pathName = "";
for (MultipartFile file : myfile) {
String fileName = file.getOriginalFilename();
Random r = new Random();
Long Name = System.currentTimeMillis();
Name = Name + r.nextInt(900000) + 100000;
try {
FileUtils.copyInputStreamToFile(file.getInputStream(), new File(path + zone.getId() + "_"
+ Name + fileName.substring(fileName.indexOf("."))));
} catch (IOException e) {
LOGGER.error("會議室實景圖片上傳失敗" + e);
e.printStackTrace();
}
p_w_picpathName += zone.getId() + "_" + fileName + ",";
pathName += dbpath + zone.getId() + "_" + Name + fileName.substring(fileName.indexOf(".")) + ",";
}
zone.setNavigationMap(pathName);
zone.setImageName(p_w_picpathName);
}
if ("".equals(room.getCapacityStr())) {
room.setCapacity(0);
} else {
room.setCapacity(Integer.valueOf(room.getCapacityStr()));
}
room.setAudit(room.getEditAudit());
room.setIsValid(0);
zone.setIsValid(0);
zoneService.updateMeetingRoom(zone, room, editUserGroupSelected);
return 1;
} catch (ZoneExistException e) {
LOGGER.error("會議室已存在", e);
return -2;
} catch (WSMException e) {
// TODO Auto-generated catch block
LOGGER.error("修改會議室信息失敗" + e);
return -3;
}
}
以上是“Jquery如何實現(xiàn)文件提交”這篇文章的所有內容,感謝各位的閱讀!希望分享的內容對大家有幫助,更多相關知識,歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道!
網(wǎng)站名稱:Jquery如何實現(xiàn)文件提交
網(wǎng)站地址:http://jinyejixie.com/article36/pdcspg.html
成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站內鏈、小程序開發(fā)、網(wǎng)站建設、品牌網(wǎng)站制作、外貿網(wǎng)站建設、營銷型網(wǎng)站建設
聲明:本網(wǎng)站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經(jīng)允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯(lián)