Springboot中layui.upload上传文件后页面前端立即刷新显示

最新推荐文章于 2021-10-22 18:04:36 发布

Dood8

最新推荐文章于 2021-10-22 18:04:36 发布

阅读量1.5k

点赞数

分类专栏： SpringBoot layui 文章标签： javascript upload spring boot html

本文链接：https://blog.youkuaiyun.com/DUYIDONG105/article/details/106254207

版权

本文介绍如何在Springboot应用中结合layui前端框架实现文件上传，并在页面上即时刷新展示上传的文件。通过html表单，javascript处理上传事件，后端使用Springboot的Controller接收文件，最后借助Bootdo框架的FileUtil工具类进行文件操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

html中代码：

<div class="col-md-6 column">
    <div class="form-group">
        <label for="bt-financeIdentityCardBack">身份证反面：</label>
        <br>
        <button type="button" class="layui-btn "
                id="bt-financeIdentityCardBack">
            <i class="fa fa-cloud"></i>上传文件
        </button>
        <br>
        <input id="financeIdentityCardBack"
               name="financeIdentityCardBack"
               type="hidden" th:value="${cDO.financeIdentityCardBack}">
        &