Jquery如何实现文件提交-创新互联

这篇文章主要介绍Jquery如何实现文件提交,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

成都网站建设哪家好,找成都创新互联!专注于网页设计、成都网站建设、微信开发、微信小程序、集团成都企业网站建设等服务项目。核心团队均拥有互联网行业多年经验,服务众多知名企业客户;涵盖的客户类型包括:搬家公司等众多领域,积累了大量丰富的经验,同时也获得了客户的一致赞誉!

首先引入文件jquery.js,jquery.form.js,jqueryMultiFile.js

JSP页面中增加:

$(document).ready(function(){

 $('#myfile').MultiFile({

 accept:'jpg|png|bmp|gif',

      max:10,

      STRING: {

       remove:'移除',

       selected:'已经选择了: $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中增加

修改类型: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\\";

// 数据库存储路径

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如何实现文件提交”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注创新互联行业资讯频道!

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


分享题目:Jquery如何实现文件提交-创新互联
文章路径:http://ybzwz.com/article/dgggej.html