这个上传问题,困扰好久,首先,不使用form 表单,用$http请求 ,后台用spring 的接口接收。
前端部分:
$http({
url:"url",
method: 'POST',
headers: {
'Content-Type': undefined
},
transformRequest: function() {
var formData = new FormData();
formData.append('file',file);
return formData;
}
}).success(function (data) {
console.log(data); //返回上传后所在的路径
});
后台部分:
@RequestMapping(value = "url",method = RequestMethod.POST)
@ResponseBody
public String upload(HttpServletRequest request,HttpServletResponse res) {
System.out.println(" ----upload________-...");
try {
Long time = Calendar.getInstance().getTimeInMillis();
//再将request中的数据转化成multipart类型的数据
MultipartHttpServletRequest multiRequest = (MultipartHttpServletRequest) request;
Iterator iter = multiRequest.getFileNames();
while(iter.hasNext()){
//这里的name为fileItem的alias属性值,相当于form表单中name
String name=(String)iter.next();
//System.out.println("name:"+name);
//根据name值拿取文件
MultipartFile file = multiRequest.getFile(name);
if(file != null){
String fileName = file.getOriginalFilename();
String path = "D:/test/" + time + fileName;
File localFile = new File(path);
if(!localFile.getParentFile().exists()) {
//如果目标文件所在的目录不存在,则创建父目录
localFile.getParentFile().mkdirs();
//System.out.println("parent:"+localFile.getParentFile().getPath());
}
//写文件到本地
try {
file.transferTo(localFile);
} catch (IOException e) {
// TODO Auto-generated catch block
e.printStackTrace();
return "失败";
}
}
}
//
} catch (Exception e) {
return "上传失败";
}
return "上传成功";
}
注意:
这是在不实用表单的情况下,图片接收只能采用 request 从这里面拿取,重要的是,拿取方法。