当前位置:首页 > 电脑知识 > 正文内容

硬核推荐(pbootcms漏洞)pbootcms模板,Pbootcms如何通过layui上传实现留言文件或图片上传功能,Pbootcms如何通过layui上传实现留言文件或图片上传功能,

sauo3年前 (2022-12-15)电脑知识128

首先引入layui框架

<linkrel="stylesheet"href="{pboot:sitetplpath}/layui/css/layui.css?v=v2.5.4"><scripttype="text/javascript"src="{pboot:sitetplpath}/layui/layui.all.js?v=v2.5.4"></script>

代码可以参考layui框架。然后修改前端的留言页面

<divclass="form-group"><labelfor="mobile">头 像</label><div><inputtype="text"name="ico"id="ico"placeholder="请上传缩略图"class="layui-input"><buttontype="button"class="layui-btn upload"data-des="ico"><iclass="layui-icon">?</i>上传图片 </button><divid="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);//关闭loadingif(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文件 加入上传入口函数

publicfunction upload(){ $upload = upload(upload);if(is_array($upload)){ json(1, $upload);}else{ json(0, $upload);}}

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

(window.slotbydup = window.slotbydup || []).push({ id: "u6835052", container: "_96bek913mdb", async: true });

本文链接:http://blog.sauo.top/?id=463 感谢分享!

分享到:

扫描二维码推送至手机访问。

版权声明:本文由冬眠先生个人博客发布,如需转载请注明出处。

本文链接:http://blog.sauo.top/?id=463

分享给朋友:

“硬核推荐(pbootcms漏洞)pbootcms模板,Pbootcms如何通过layui上传实现留言文件或图片上传功能,Pbootcms如何通过layui上传实现留言文件或图片上传功能,” 的相关文章

原创(禁止ping命令操作)linux如何停止ping,linux禁ping操作的方法,linux禁ping操作的方法,

免费领取腾讯云服务器! linux中可以通过ssh命令来禁止其它机器来ping自己,下面是配置方法,大家可以参考一下。 linux中禁ping的方法 方法1 临时禁ping,系统重启后失效,已在ubuntu系...

深度揭秘(Ubuntu 防火墙设置)ubuntu防火墙配置文件,ubuntu防火墙的安装与设置,ubuntu防火墙的安装与设置,

免费领取腾讯云服务器! ubuntu系统中的防火墙使用的是iptables,而为了方便防火墙的设置ubuntu提供了一个防火墙管理工具ufw.下面这篇文章就说一说关于防火墙管理工具ufw的安装与使用方法。 ubuntu防火墙ufw的安装与设...

全程干货(查看php是否启动)查看php是否支持rar解压,查看php是ts版本还是nts版本的方法,查看php是ts版本还是nts版本的方法,

全程干货(查看php是否启动)查看php是否支持rar解压,查看php是ts版本还是nts版本的方法,查看php是ts版本还是nts版本的方法,

免费领取腾讯云服务器! 今天有用户来询问php的ts版本与php的nts版本的区别是什么,怎么去查看自己安装的php服务是ts版本还是nts版本,下面博文就来详细的说一下。 php ts版本与nts版本的区别 php官方提供...

不看后悔(php全局变量有哪些)php全局变量和局部变量的区别,php全局变量与js全局变量的区别,php全局变量与js全局变量的区别,

免费领取腾讯云服务器! 因为经常写php与js代码,有时候使用全局变量的时候经常的混淆,这篇文章就来说说js中的全局变量与php中的全局变量的区别。 js全局变量与php全局变量的区别 php全局变量 php...

这都可以(php保存网络图片到本地)php下载图片到本地,php保存图片到本地的方法,php保存图片到本地的方法,

免费领取腾讯云服务器! 下面列几种网上收集的利用php脚本将远程图片保存至本地的方法,各位自行测试代码是否可用,另外php保存远程图片到本地并不能确保百分百的一定会拉取到远程图片的数据。 php保存远程图片到本地的方法 方法...

不要告诉别人(php求数组交集)php数组取差集,php计算两个数组的交集与差集,php计算两个数组的交集与差集,

免费领取腾讯云服务器! php中计算两个数组之间的交集与差集可以使用 array_intersect() 与 array_diff() 数组处理函数,这两个数组的具体使用方法如下。 php计算两个数组之间的交集 array_...

发表评论

访客

看不清,换一张

◎欢迎参与讨论,请在这里发表您的看法和观点。