Layui表格内图片渲染以及上传图片到数据库（下）

最新推荐文章于 2025-04-14 17:30:18 发布

置顶

昵称~

最新推荐文章于 2025-04-14 17:30:18 发布

阅读量3k

点赞数 2

分类专栏：后台文章标签： c#

本文链接：https://blog.youkuaiyun.com/qq_42577408/article/details/106860991

版权

Layui表格内图片渲染以及上传图片到数据库（下）

文献种类：专题技术文献;
开发工具与关键技术：VS

上篇是指layui表格内图片渲染，那么这里是将图上在layui表格内上传到数据库中
一样的先看最终实现效果
在这里插入图片描述

1.没有图片点击上传即打开选择文件
2.双击选择文件，上传到数据库
3.注意判断上传的图片格式是否正确，以及上传后压缩图片

看代码实现过程
在这里插入图片描述
这里是基于上篇的相同部分这里只是放出来让其更明白怎么个过程

控制器

接下来就是页面的一些正则判断以及上传的时候压缩一下图片

-------------------------    html  ---------------------------------
<div class="layui-fluid contanerBox">
        <div class="layui-row">
            <div class="layui-col-md12" id="rightBox">
                <fieldset class="layui-elem-field" style="float:right" id="Fieldset">
                    <input type="text" name="studentID" class="layui-input" style="display:none" id="wuziid">
                    <legend>设置考生</legend>
                    <div class="layui-field-box" id="TableCss">
                        <table id="demo" lay-filter="test"></table>
                    </div>
                </fieldset>
            </div>
        </div>
    </div>
    <form style="display:none;" enctype="multipart/form-data" id="photoInsert" action="" method="post">
        <input type="file" style="display:none;" id="photoNew" onchange="loadImg()" accept="image/png,image/jpg,image/bmp,image/JPEG" />
    </form>
-----------------------  JS  -------------------------------------
 //表格内上传图片

最低0.47元/天解锁文章