bootstrap多图片上传实现

最新推荐文章于 2021-03-10 14:22:39 发布

宁波数联软件有限公司

最新推荐文章于 2021-03-10 14:22:39 发布

阅读量5.6k

点赞数

分类专栏： java

本文链接：https://blog.csdn.net/kai_wei/article/details/79610208

版权

该博客介绍了如何在前端利用Bootstrap实现多图片上传的功能，同时提供了后端处理上传请求的Java代码示例，包括获取文件流、保存文件到指定路径及返回上传成功信息等步骤。

摘要由CSDN通过智能技术生成

前端代码

 <div class="file-loading">
                <input id="file-1" type="file" multiple class="file" data-overwrite-initial="false" data-min-file-count="2">
            </div>

<script>
$("#file-1").fileinput({
    theme: 'fa',
    uploadUrl: 'uploader/uploader.do', // you must set a valid URL here else you will get an error
    allowedFileExtensions: ['jpg', 'png', 'gif'],
    overwriteInitial: false,
    maxFileSize: 1000,
    maxFilesNum: 10,
    enctype: 'multipart/form-data',
    //allowedFileTypes: ['image', 'video', 'flash'],
    slugCallback: function (filename) {
        return filename.replace('(', '_').replace(']', '_');
    }
});
</script>

需要引入fileinput.js