如何在SpringBoot中使用layui上传文件-创新互联
本篇文章给大家分享的是有关如何在SpringBoot中使用layui上传文件，小编觉得挺实用的，因此分享给大家学习，希望大家阅读完这篇文章后可以有所收获，话不多说，跟着小编一起来看看吧。
为泸溪等地区用户提供了全套网页设计制作服务，及泸溪网站建设行业解决方案。主营业务为做网站、
网站制作、泸溪网站设计，以传统方式定制建设网站，并提供域名空间备案等一条龙服务，秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求，就会得到认可，从而选择与我们长期合作。这样，我们也可以走得更远！
什么是spring boot
Spring Boot是由Pivotal团队提供的全新框架，其设计目的是用来简化新Spring应用的初始搭建以及开发过程。该框架使用了特定的方式来进行配置，从而使开发人员不再需要定义样板化的配置。用我的话来理解，就是spring boot其实不是什么新的框架，它默认配置了很多框架的使用方式，就像maven整合了所有的jar包，spring boot整合了所有的框架（不知道这样比喻是否合适）。
页面代码(只需要引入基础layui的css与js)
选择多文件
| 文件名 |
大小 |
状态 |
操作 |
|---|
开始上传
JS
layui.use('upload', function(){
var $ = layui.jquery
,upload = layui.upload;
//多文件列表示例
var demoListView = $('#demoList')
,uploadListIns = upload.render({
elem: '#testList'
,url: 'upload/uploadFile'
,accept: 'file'
,multiple: true
,auto: false
,size: 5120
,bindAction: '#testListAction'
,choose: function(obj){
var files = this.files = obj.pushFile(); //将每次选择的文件追加到文件队列
//读取本地文件
obj.preview(function(index, file, result){
var tr = $([''
,'| '+ file.name +' | '
,''+ (file.size/1014).toFixed(1) +'kb | '
,'等待上传 | '
,''
,'重传'
,'删除'
,' | '
,''].join(''));
//单个重传
tr.find('.demo-reload').on('click', function(){
obj.upload(index, file);
});
//删除
tr.find('.demo-delete').on('click', function(){
delete files[index]; //删除对应的文件
tr.remove();
uploadListIns.config.elem.next()[0].value = ''; //清空 input file 值，以免删除后出现同名文件不可选
});
demoListView.append(tr);
});
}
,done: function(res, index, upload){
if(res.code == 0){ //上传成功
var tr = demoListView.find('tr#upload-'+ index)
,tds = tr.children();
tds.eq(2).html('上传成功');
tds.eq(3).html(''); //清空操作
return delete this.files[index]; //删除文件队列已经上传成功的文件
}
this.error(index, upload);
}
,error: function(index, upload){
var tr = demoListView.find('tr#upload-'+ index)
,tds = tr.children();
tds.eq(2).html('上传失败');
tds.eq(3).find('.demo-reload').removeClass('layui-hide'); //显示重传
}
});
});后台接收
public final static String UPLOAD_FILE_PATH = "D:\\uploadFile\\";
@RequestMapping(value = "uploadFile")
public String uploadImage(@RequestParam("file") MultipartFile file) {
if (!file.isEmpty()) {
Map resObj = new HashMap<>(MAP_SIZE);
try {
BufferedOutputStream out = new BufferedOutputStream(
new FileOutputStream(new File(UPLOAD_FILE_PATH, file.getOriginalFilename())));
out.write(file.getBytes());
out.flush();
out.close();
} catch (IOException e) {
resObj.put("msg", "error");
resObj.put("code", "1");
return JSONObject.toJSONString(resObj);
}
resObj.put("msg", "ok");
resObj.put("code", "0");
return JSONObject.toJSONString(resObj);
} else {
return null;
}
}springboot是什么
springboot一种全新的编程规范，其设计目的是用来简化新Spring应用的初始搭建以及开发过程，SpringBoot也是一个服务于框架的框架，服务范围是简化配置文件。
以上就是如何在SpringBoot中使用layui上传文件，小编相信有部分知识点可能是我们日常工作会见到或用到的。希望你能通过这篇文章学到更多知识。更多详情敬请关注创新互联行业资讯频道。
当前文章：如何在SpringBoot中使用layui上传文件-创新互联
分享路径：
http://bjjierui.cn/article/cogeoh.html
