SSM框架使用Layui文件上传插件实现多文件上传（多文件列表）

最新推荐文章于 2024-09-21 16:11:59 发布

Xenoverse

最新推荐文章于 2024-09-21 16:11:59 发布

阅读量3.3k

点赞数 5

分类专栏： JavaWeb SSM框架前端

本文链接：https://blog.csdn.net/Xenoverse/article/details/97668603

版权

本文介绍了如何在SSM框架下使用Layui文件上传插件实现多文件上传功能，包括pom.xml配置、HTML页面创建、后台Controller代码编写等步骤，并强调了Controller返回值转化为JSON字符串的重要性。

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

SSM框架使用Layui文件上传插件实现多文件上传（多文件列表）

pom.xml文件的配置

想要实现SSM框架实现多文件上传，必要的jar包必须要在pom.xml文件中引入。如下：

        <!--commons-fileupload -->
        <dependency>
            <groupId>commons-fileupload</groupId>
            <artifactId>commons-fileupload</artifactId>
            <version>1.3.1</version>
        </dependency>
        <!--commons-io -->
        <dependency>
            <groupId>commons-io</groupId>
            <artifactId>commons-io</artifactId>
            <version>2.4</version>
        </dependency>
        <!--文件上传-->

准备一个HTML页面

首先我们要下载Layui框架文件，放在我们的webapp目录下（就是和web-inf目录同级的地方即可）

在html目录之下，新建一个html页面

在文件头，我们分别导入上面下载下来的js和css文件，比如。

<link rel="stylesheet" href="../layui-v2.5.4/layui/css/layui.css" media="all">

<script src="../layui-v2.5.4/layui/layui.js"></script>

从官网的案例上，直接复制下来一个demo。如下。

<div class="container">
    <div class="layui-upload">
        <button type="button" class="layui-btn layui-btn-normal" id="testList">选择多文件</button>
        <div class="layui-uploa