使用fileinput插件批量上传文件
前言
最近在做项目的时候涉及文件批量上传,使用bootstrap结合fileinput插件批量上传文件!以下是我在使用fileinput上传文件的过程。项目是基于springboot+thymeleaf的,所以文章中会有thymeleaf的语法。
使用方式
在html中使用如下代码
使用js初始化插件//设置上传文件地址、插件语言、允许上传的文件格式$(function(){
$("#kv-explorer").fileinput({
language: 'zh',
theme: 'explorer-fas',
uploadUrl: '/colorful/uploadPic',
overwriteInitial: true,
allowedFileExtensions: ['jpg', 'png', 'gif', 'jpeg', 'bmp', 'webp']
});
});后台接收文件Springboot,返回json数据@RequestMapping("/uploadPic")
@ResponseBody
public Map uploadPic(@RequestParam("file") MultipartFile file) {
Map fileNameMap = FileUtil.uploadFile(file, FileUtil.FILE_PATH + "picture/");
Map resu