TP5 + layui 文件上传操作(直接上代码)

最新推荐文章于 2024-07-22 11:34:18 发布

Gino_tkzzz

最新推荐文章于 2024-07-22 11:34:18 发布

阅读量3.5k

点赞数 2

本文链接：https://blog.csdn.net/Gino_tkzzz/article/details/82387592

版权

1.HTML部分

<div class="layui-upload" style="margin-left:110px;">
    <button type="button" class="layui-btn" id="test1">更新头像</button>
    <div class="layui-upload-list">
        <img class="layui-upload-img" id="demo1" src="{$data.icon??''}">
        <p id="demoText"></p>
    </div>
</div>

注: img的src的值是做的回选,根据需要选择

2.js部分

<script src="/static/layuiadmin/layui/layui.js"></script>
    <script>
        layui.use(['upload','form','laydate'], function() { //upload 文件上传
            var form = layui.form
                ,layer = layui.layer
                ,layedit = layui.layedit
                ,laydate = layui.laydate;
            var $ =