【发布时间】:2016-06-28 09:05:22
【问题描述】:
我正在尝试通过 Angular 1.5 将文件上传到 Spring REST 端点。
我没有收到任何错误,因为 multiPartRequest.getFileNames(); 返回 null。但是我的 JS POST 似乎正确地通过了请求。
但是,我似乎无法解决。我已经盯着它看了好几个小时了,需要有人指出我错过的明显的事情。
任何帮助,建议都表示赞赏。
POST 请求示例:
Accept:application/json, text/plain, */*
Accept-Encoding:gzip, deflate
Accept-Language:en-US,en;q=0.8
Connection:keep-alive
Content-Length:50188
Content-Type:multipart/form-data; boundary=----WebKitFormBoundaryIPlVKLnf1ZIQNPHV
Host:localhost:8080
Origin:http://127.0.0.1:49693
Referer:http://127.0.0.1:49693/test.html
User-Agent:Mozilla/5.0 (Macintosh; Intel Mac OS X 10_11_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/51.0.2704.103 Safari/537.36
Request Payload
------WebKitFormBoundaryIPlVKLnf1ZIQNPHV
Content-Disposition: form-data; name="file"; filename="post-image1.jpg"
Content-Type: image/jpeg
------WebKitFormBoundaryIPlVKLnf1ZIQNPHV--
Name
我正在使用下面的 HTML
<form enctype="multipart/form-data">
<input type="file" name="file" onchange="angular.element(this).scope().upload(this.files)"/>
<button type="submit">Upload</button>
<li ng-repeat="file in files">{{file.name}}</li>
</form>
使用下面的 JS
$scope.upload = function(files) {
var fd = new FormData();
//Take the first selected file
fd.append("file", files[0]);
$http.post('uploadURL', fd, {
withCredentials: true,
headers: {'Content-Type': undefined },
transformRequest: angular.identity
})
.success(function(d) {
console.log("Upload complete" +d);
})
};
还有以下 REST Endpoint
@RequestMapping(value="/upload", method=RequestMethod.POST)
public String upload (HttpServletResponse response, HttpServletRequest request) {
MultipartHttpServletRequest multiPartRequest = (MultipartHttpServletRequest) request;
Iterator<String> it = multiPartRequest.getFileNames();
while (it.hasNext()) {
MultipartFile multiPartFile = multiPartRequest.getFile(it.next());
String filename = multiPartFile.getOriginalFilename();
imageName = filename;
String path = new File("src/main/resources/images").getAbsolutePath() + "/" + filename;
try {
multiPartFile.transferTo(new File(path));
} catch (IOException e) {
e.printStackTrace();
}
}
return null;
}
【问题讨论】:
-
路径不可用,改路径如
C:\\images。 -
-
真的没有上传文件。
-
@RomanC 是的,这就是重点。正在根据浏览器上传文件。但是 REST 请求没有看到它们。
标签: javascript angularjs spring multipartform-data