TP5结合前端框架layui单图与多图上传与排版

最新推荐文章于 2021-03-19 05:23:37 发布

风过无痕，雨后无迹

最新推荐文章于 2021-03-19 05:23:37 发布

阅读量387

点赞数

分类专栏： layui上传图片 html 文章标签： php html

本文链接：https://blog.csdn.net/qq_36573434/article/details/104893838

版权

本文介绍了如何在TP5后端框架中结合前端layui库实现单图和多图的上传功能，并探讨了图片在页面上的排版方法。同时，提供了腾讯云服务器的活动链接供开发者练手。

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

html内容：

<div class="layui-form-item">
    <label class="layui-form-label"><span class="x-red">*</span>任务图标</label>
    <div class="layui-input-inline">
        <div class="site-demo-upbar">
            <img id="logoimg" name="content" src="{if empty($data.icon) eq true}__IMG__/nopic.png{else}{$oss_url}{$data.icon}{/if}" style="width:120px;height:120px;border:1px solid #e6e6e6;margin:12px auto;cursor: pointer;">
            <input type="hidden" value="{$data.icon}" name="icon" id="logo">
        </div>
        <div class="layui-form-mid layui-word-aux">点击图片上传</div>
    </div>
</div>