PHP配合layUI实现图片上传实例

最新推荐文章于 2021-07-15 13:51:47 发布

原创

最新推荐文章于 2021-07-15 13:51:47 发布 · 2.3k 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#PHP

这篇博客详细介绍了如何结合PHP和layui组件在网页中实现图片上传功能。首先，部署layui并引入必要文件，接着展示HTML代码，包括图片预览和上传按钮。然后是JS代码，使用layui.upload进行实例化并设置上传接口。最后，提供了TP5框架下的PHP上传方法，处理文件上传并返回图片路径。博主鼓励读者提问和交流。

一、下载layui部署到项目，在页面引入layui.css和layui.js。

二、html代码

<div class="layui-form-item">
<label class="layui-form-label">图片</label>
<div class="layui-input-block">
<img id="pre_img" style="height: 30px;" />
<button class="layui-btn layui-btn-sm" onclick="return false;" id="upload_img">
<i class="layui-icon"></i>上传图片
</button>
<input type="hidden" name="img" value="">
</div>
</div>
三、js代码

layui.use(['upload','jquery'],function () {
$ = layui.jquery;
var upload = layui.upload;
//执行实例
var uploadInst = upload.render({
elem: '#uploa