[英]Post Form data using AngularJS and Java Spring
我有一個jsp文件,我正在其中上傳文件。 對於文件的后端處理,我在春季制作了一個控制器。 但是它在控制台中返回錯誤: 字符串參數'name'不存在 ? 我的代碼是-
JSP文件
<input class="fileInput" type="file" id="fileInput" accept="image/gif, image/jpeg, image/png" />
<button type="button" ng-click="saveProfile()">Update</button>
JS文件
$scope.username = 01238339595;
$scope.saveProfile = function() {
var input = document.getElementById('fileInput');
if (input.files && input.files[0]) {
var formData = new FormData();
formData.append("name", $scope.username);
formData.append("file", input.files[0]);
console.log("form data " + formData);
$http.post("save-avatar", formData)
.success(function(data, status, headers,config) {
console.log('Success');
})
.error(function(data, status, headers, config) {
console.log('Error');
});
}
};
控制者
@RequestMapping(value = "save-avatar", method = RequestMethod.POST)
public String handleFormUpload(@RequestParam("name") String name, @RequestParam("file") MultipartFile file,
HttpServletRequest request) throws IOException {
if (file.isEmpty())
throw new IOException("File Field is Empty");
ServletContext servletContext = request.getSession().getServletContext();
String absoluteDiskPath = servletContext.getRealPath("/");
File folder = new File(absoluteDiskPath + "/avatar/");
if (!folder.exists())
folder.mkdirs();
File avatarFile = new File(folder, name + ".jpg");
if (!avatarFile.exists())
avatarFile.createNewFile();
FileOutputStream outputStream = null;
try {
outputStream = new FileOutputStream(avatarFile);
outputStream.write(file.getBytes());
} finally {
if (outputStream != null)
outputStream.close();
}
return "redirect:/avatar-profile?name=" + name;
}
在我的配置xml中:
<bean id="multipartResolver"
class="org.springframework.web.multipart.commons.CommonsMultipartResolver">
<property name="maxUploadSize" value="10485760" />
</bean>
代替上面的控制器方法,使用以下方法:
@RequestMapping(value = "/save-avatar", method = RequestMethod.POST)
public void UploadFile(MultipartHttpServletRequest request, HttpServletResponse response) {
Iterator<String> itr = request.getFileNames();
MultipartFile file=null;
while (itr.hastNext()) {
file = request.getFile(itr.next());
String name = request.getParameter("name");
//Do your stuff here.......
}
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.