首页 > Web开发 > 详细

Ajax异步上传多个文件并返回文件路径

时间:2018-07-17 17:32:29      阅读:220      评论:0      收藏:0      [点我收藏+]

前端JSP页面代码

<label>附件:</label>
<form id="fileForm">
<input type="file" name="files" multiple="multiple" >
<input type="button" id="btn_add_file" value="上传附件" onclick="upload_files()">
</form>
<script>
function upload_files(){
var formData = new FormData($("#fileForm")[0]);
$.ajax({
url : path.basePath+"file/uploadFiles2.do",
type: ‘POST‘,
data: formData,
async: false,
cache: false,
contentType: false,
processData: false,
success : function(data) {
alert("成功了!"+data);
},
error : function(data) {
alert("失败了!"+data);
}
});
</script>

java springMVC后台代码

@RequestMapping(value = "uploadFiles2.do", method = RequestMethod.POST)
@ResponseBody
public String uploadFiles2(@RequestParam(value="files")List<MultipartFile> list,HttpServletRequest request) {
System.out.println("**************************进入uploadFiles2方法*********************************");
Map<String,String> map = new HashMap<String,String>();
try {
for (MultipartFile file : list) {
String fileName = file.getOriginalFilename();
String saveName = UUID.randomUUID().toString().replace("-","") + fileName.substring(fileName.lastIndexOf("."));
String savedPath = request.getSession().getServletContext().getRealPath("/uploadFiles/");//获取服务器指定文件存取路径
File saveDir = new File(savedPath);
if (!saveDir.exists()){
saveDir.mkdirs();
}
File saveFile = new File(savedPath, saveName);
System.out.println(saveFile);
map.put(fileName,saveFile.toString());
file.transferTo(saveFile);
}
return map.toString();
} catch (IllegalStateException e) {
e.printStackTrace();
} catch (IOException e) {
e.printStackTrace();
}
return null;
}

Ajax异步上传多个文件并返回文件路径

原文:https://www.cnblogs.com/wanghongyun/p/9324434.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!