springboot-layui实现点击上传图片，上传到nginx

行行头发多

于 2021-03-04 22:37:51 发布

阅读量227

点赞数

分类专栏： springboot nginx 文章标签： java spring boot

本文链接：https://blog.csdn.net/zhhhhhh1213/article/details/114379642

版权

本文介绍了如何使用SpringBoot和Layui实现前端图片上传功能，重点在于前端JavaScript代码和后端Controller的配置。前端通过指定参数名与后端绑定，成功上传后将图片路径回显到页面。后端则涉及图片实体类和上传接口的实现。最终，图片将被部署到Nginx服务器进行展示。

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

前端页面javaScript代码区域

   //JavaScript代码区域
   //页码渲染用于分页可以忽略掉
    layui.use(['element', 'form', 'laypage', 'layer', 'upload'], function () {
   
        var element = layui.element,
            laypage = layui.laypage,
            form = layui.form,
            layer = layui.layer,
            upload = layui.upload;

        //页码渲染
        laypage.render({
   
            elem: 'pagination', //分页符所在位置
            count: #{
   dataPage.rowCount}, //总记录数
            limit: #{
   dataPage.pageSize}, //页面大小
            curr: #{
   dataPage.pageNum},   //当前页
            jump: function (obj, first) {
     //跳转函数
                //首次不执行
                if (!first) {
   
                    var url = "/all_articles?categoryId=${categoryId}&pageSize=10&pageNum=" + obj.curr;
                    <#if title??>url += "&title=${title}"
                    </#if>

                    location.href = url;
                }
            }
        });