ajax文件上传步骤详解

文件,图片上传的几种方式
1,使用ajaxFileUpload进行上传(引用ajaxfileupload.js文件)
2,jsp页面中的文本

 

选择文件
更换


删除

 

3,spring配置,引入文件上传


4,ajax发送请求
$.ajaxFileUpload({
url : "./summaryIndividualSaved.html?method=uploader&id="+ id,
secureuri : false,
fileElementId : "file",
dataType : "null",
error : function(request) {
parent.$.messager.alert('连接异常', request.message, 'info');
},
success : function(result) {
}
});


5,服务端接受请求
@RequestMapping(method=RequestMethod.POST,value="/summaryTopic/summaryIndividualSaved")
@ResponseBody
public  Object summaryIndividualSaved(HttpServletRequest request,@RequestParam("file") CommonsMultipartFile file,String id) throws Exception{
String result="";
if (file.getSize()>0) {
String type = file.getOriginalFilename().substring(file.getOriginalFilename().indexOf("."));// 取文件格式后缀名
if (!(!type.subSequence(1, type.length()).equals("doc") && !type.subSequence(1, type.length()).equals("docx"))) {
String filename = file.getOriginalFilename();// 取当前时间戳作为文件名
String rootPath=PropertiesUtil.getProperty("summaryIndividualFile");//获取文件的存储路径
String path = rootPath+("/"+staffName+"/" + filename);// 存放位置
File destFile = new File(path);
try {
// FileUtils.copyInputStreamToFile()这个方法里对IO进行了自动操作，不需要额外的再去关闭IO流
FileUtils.copyInputStreamToFile(file.getInputStream(), destFile);// 复制临时文件到指定目录下
result="";
} catch (IOException e) {
e.printStackTrace();
}
}
}
return result;
}


其中删除了部分业务逻辑  可能有出入  主要是看方法