layui文件上传结合表单使用

最新推荐文章于 2023-12-24 23:35:40 发布

小明坐火车

最新推荐文章于 2023-12-24 23:35:40 发布

阅读量1.8k

点赞数 1

文章标签： layui

本文链接：https://blog.csdn.net/dengz_j/article/details/112965313

版权

该博客介绍了如何在前端使用layui进行文件上传，并与表单数据结合，通过关闭自动上传并在上传前处理表单数据。在后端，详细讲解了Controller中如何接收表单数据和MultipartFile文件，以及FileUploadUtil类的封装和返回类的使用。

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

前端

HTML

<!DOCTYPE html>
<html lang="en"  xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org"
      xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
    <meta charset="UTF-8">
    <title>uploadGoods</title>
    <link rel="stylesheet"   th:href="@{/layui/css/layui.css}">
    <link rel="stylesheet"   th:href="@{/css/uploadGoods.css}">
    <script  th:src="@{/js/jquery-3.5.1.js}"></script>
</head>
<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">
    <div th:replace="common/com :: header"></div>
    <div th:replace="common/com :: side"></div>



    <div class="layui-body">
        <!-- 内容主体区域 -->
        <div style="padding: 15px;">
            <div class="layui-col-md10 layui-col-md-offset1">
                <form  class="layui-form" th:action="@{/user/upload.do}" method="post">
                <!--图片上传-->
                <div class="layui-col-md3 bor">
                    <div

最低0.47元/天解锁文章

小明坐火车

关注

1
点赞
踩
6

收藏

觉得还不错? 一键收藏
2
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫