微客导航 » 文章资讯 » Angular.js ng-file-upload结合springMVC的使用教程

Angular.js ng-file-upload结合springMVC的使用教程

2024-02-15 13:20:06 313

前言

本文主要给大家介绍了关于Angular.js文件上传控件ng-file-upload结合springMVC使用的相关内容，对于Angular.js文件上传控件ng-file-upload不熟悉的朋友们可以先看看这篇文章（传送门），下面话不多说，来看看详细的使用介绍：

引入angular和ng-file-upload。

前端代码

Upload.upload({
url:'upload',
fields:{'username':'zouroto'},//additionaldatatosend
file:file
}).progress(function(evt){
varprogressPercentage=parseInt(100.0*evt.loaded/evt.total);
console.log('progress:'+progressPercentage+'%'+evt.config.file.name);
}).success(function(data,status,headers,config){
console.log('file'+config.file.name+'uploaded.Response:'+data);
});

springMVC代码：

@Controller
publicclassUiController{

@ResponseStatus(HttpStatus.OK)
@RequestMapping(value="/upload")
publicvoidupload(@RequestParam("file")MultipartFilefile,@RequestParam("username")Stringusername)throwsIOException{

byte[]bytes;

if(!file.isEmpty()){
bytes=file.getBytes();
//storefileinstorage
}

System.out.println(String.format("receive%sfrom%s",file.getOriginalFilename(),username));
}

}

applicationconfig

maven


commons-fileupload
commons-fileupload
1.3.1

总结

以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作能带来一定的帮助，如果有疑问大家可以留言交流，谢谢大家对毛票票的支持。

返回顶部
3162201930
czq8825@qq.com

Angular.js ng-file-upload结合springMVC的使用教程

热门推荐

随机推荐