
PbootCMS通过layui上传实现留言文件上传功能
更新日期:2024-06-19 21:39:14 来源:网络

<link rel="stylesheet" href="{pboot:sitetplpath}/layui/css/layui.css?v=v2.5.4"> <script type="text/javascript" src="{pboot:sitetplpath}/layui/layui.all.js?v=v2.5.4"></script> |
<div class="form-group"> <label for="mobile">头 像</label> <div> <input type="text" name="ico" id="ico" placeholder="请上传缩略图" class="layui-input"> <button type="button" class="layui-btn upload" data-des="ico"> <i class="layui-icon"></i>上传图片 </button> <div id="ico_box"></div> </div> </div> <script> layui.use(['element','upload'], function(){ var element = layui.element; var upload = layui.upload; //执行单图片实例 var uploadInst = upload.render({ elem: '.upload' //绑定元素 ,url: '/index.php?p=/index/upload' //上传接口 ,field: 'upload' //字段名称 ,multiple: false //多文件上传 ,accept: 'images' //接收文件类型 images(图片)、file(所有文件)、video(视频)、audio(音频) ,acceptMime: 'image/*' ,done: function(res){ var item = this.item; layer.closeAll('loading'); //关闭loading if(res.code==1){ $('#ico').val(res.data[0]); $('#ico_box').html("<img src='"+res.data[0]+"' width=80 >"); layer.msg('上传成功!'); }else{ layer.msg('上传失败:'+res.data); } } ,error: function(){ layer.closeAll('loading'); //关闭loading layer.msg('上传发生错误!'); } }); }); </script> |
打开apps/home/controller/IndexController.php
新增上传入口函数
public function upload() { $upload = upload('upload'); if (is_array($upload)) { json(1, $upload); } else { json(0, $upload); } } |

后台对应的改成图片展示或者其他形式

注意:前端上传功能会影响网站的安全性,容易导致网站被入侵,如非必须情况不建议使用此功能。

- 请问如何处理升级为香港主机后网站无法访问的问题
- 防火墙设置与云服务器80端口访问限制
- 解决远程登录服务器失败及重启后仍无法连接的问题
- 远程访问故障排除 - 解决无法登录虚拟主机和数据库的问题
- 解析与绑定完成后网站仍无法正常访问的排查步骤及解决方案
- 请问如何在ASP页面中判断客户端浏览器是否为移动设备,并进行相应的跳转?
- 输入网站后台密码时显示不对,如何解决?
- 选择合适工具,掌握静态网站模板修改方法
- 静态网站上传后如何安全有效地进行修改,确保不影响网站的正常运行?
- 请问如何修改网站图片源代码
- 网站admin密码忘记了怎么办
- 如何解决PbootCMS网站后台推送文章到百度时的“site error”错误?
- 迅睿CMS网站用户投稿如何取消验证码
- 宝塔面板提示不是安全连接或私密连接,如何解决?
- 网站提示429 Too Many Requests:用户发送了太多请求怎么办
- 易优cms搜索结果页如何统计关键词文章数量
- 网站源码安装后访问首页,页面错乱的处理方法
- pbootcms模板如何做好防护
- 重置网站后台管理员账号密码
- 升级完后网站提示500错误怎么办
- pbootcms如何设置发布内容不自动提取缩略图(1)
- 百度网址安全中心提醒您:该页面可能存在违法信息!如何处理?
- 易优cms数据表或视图不存在,请联系技术处理。
- Pbootcms留言“提交成功”的提示语修改(1)
- PBOOTCMS中新增并开启手机端模板,以便为用户提供更好的移动设备浏览体验
- imagecreatefrompng(): gd-png: libpng warning: iCCP: known incorrect sRGB profile
- 易优CMS文章内容页如何获取上一篇下一篇
- PbootCMS全站模板date时间标签/时间格式常见的8种调用方式
- pbootcms网站后台登录提示:”登录失败:数据库目录写入权限不足!“
- Nginx 启动/停止 / 首页显示 / 安装 / 卸载