<script>
    $(function () {
        initFileInput("input-id");
    });
    function initFileInput(ctrlName) {
        var control = $('#' + ctrlName);
        control.fileinput({
            language: 'zh', //设置语言
            uploadUrl: "/admin/uploadTest", //上传的地址
            allowedFileExtensions: ['jpg', 'gif', 'png'],//接收的文件后缀
            uploadAsync: false, //默认异步上传，这里如果不是异步上传，多个图片一次性提交到后台，只发一次请求，如果为异步上传，每张图片都会发一次请求，多次请求
            showUpload: true, //是否显示上传按钮
            showRemove : true, //显示移除按钮
            showPreview : true, //是否显示预览
            showCaption: false,//是否显示标题
            browseClass: "btn btn-primary", //按钮样式
            maxFileCount: 3, //允许同时上传的最大文件个数
            enctype: 'multipart/form-data',
            validateInitialCount:true,
            msgFilesTooMany: "选择上传的文件数量({n}) 超过允许的最大数值{m}！",
            layoutTemplates :{
                // actionDelete:'', //去除上传预览的缩略图中的删除图标
                // actionUpload:'',//去除上传预览缩略图中的上传图片；
                // actionZoom:'',   //去除上传预览缩略图详情的图标
                // actionDownload:'' //去除上传预览缩略图中的下载图标
            },
            uploadExtraData:function () {   //向后台传递的附带参数
                var data = {
                    id:"10000",
                    msg:"这里可以添加参数"
                }
                return data;
            }
        }).on('filebatchuploadsuccess', function(event, data, previewId, index) {     //上传中
            //console.log(data);
            console.log('文件正在上传');
        }).on("filebatchuploadsuccess", function (event, data, previewId, index) {    //一个文件上传成功
            var form = data.form, files = data.files, extra = data.extra,
                response = data.response, reader = data.reader;
            console.log(response);//打印出返回的json
            console.log(response.status);//打印出状态
        }).on('filebatchuploaderror', function(event, data, msg) {  //一个文件上传失败
            console.log('文件上传失败！'+data.status);
        })
    }
</script>

五、编写后端–上传：

	//上传图片后端接收
	@PostMapping("/admin/uploadTest")
    public @ResponseBody Map<String,Object> uploadTest(@RequestParam("file")MultipartFile[] files, HttpServletRequest request){
        MultipartResolver resolver = new CommonsMultipartResolver(request.getSession().getServletContext());
        MultipartHttpServletRequest multipartRequest = resolver.resolveMultipart(request);
        Map<String, String[]> parameterMap = multipartRequest.getParameterMap();    //获取前端传过来的参数
        Set<Map.Entry<String, String[]>> entries = parameterMap.entrySet();
        System.out.println("前端传过来的参数：------------");
        for (Map.Entry<String, String[]> entry : entries) {
            String key = entry.getKey();    //key是字符串
            String[] value = entry.getValue();  //value是字符串数组
            System.out.println(key+":"+ Arrays.toString(value));
        }
        System.out.println("文件的个数："+files.length);

        System.out.println("打印文件的名字：--------------");
        for (MultipartFile file : files) {
            System.out.println