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

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

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

首先引入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上传实现留言文件或图片上传功能,” 的相关文章

速看(js将图片转换为二进制流)js将图片转换为webp,js将图片转换为base64编码方法,js将图片转换为base64编码方法,

免费领取腾讯云服务器! js可以将图片文件转成base64编码的,便于图片文件的上传与处理,下面就写几种关于js脚本来转换图片为base64编码的方法。 js将图片转换为base64编码的方法 方法1 将自身...

全程干货(php将图片转为对象)php文件怎么转成图片,php将图片转为base64编码格式图片的方法,php将图片转为base64编码格式图片的方法,

免费领取腾讯云服务器! 下面的博文提供两个利用php代码将图片转为base64编码格式图片的方法,分为php转换本地图片为base64图片以及php转换远程图片为base64图片的方法。...

学会了吗(php保存文件到指定地点)php保存图片,php保存base64编码图片的方法,php保存base64编码图片的方法,

免费领取腾讯云服务器! 写一个图片上传的插件,因为特殊性就在前台将图片转为base64编码并上传到后台,下面说一说在后台怎么利用php代码将base64编码格式的图片转成正常的图片,并保存的。 PHP保存Base64图片 p...

居然可以这样(css画爱心)爱心图形创意,CSS实现爱心形状动态加载条的方法,CSS实现爱心形状动态加载条的方法,

居然可以这样(css画爱心)爱心图形创意,CSS实现爱心形状动态加载条的方法,CSS实现爱心形状动态加载条的方法,

免费领取腾讯云服务器! 下面记录一个利用纯CSS样式代码实现一个爱心形状的动态加载条,用到了CSS中的动画效果与伪元素样式,有一定的参考价值。感兴趣的小伙伴,不妨测试一下。 纯CSS实现心形加载动画效果 1、动画效果...

新鲜出炉(css灯光效果)如何设置聚光灯效果,CSS实现聚光灯特效的方法,CSS实现聚光灯特效的方法,

新鲜出炉(css灯光效果)如何设置聚光灯效果,CSS实现聚光灯特效的方法,CSS实现聚光灯特效的方法,

免费领取腾讯云服务器! 分享一个利用CSS样式代码实现文字聚光灯特效的方法,其实现的逻辑方法与代码非常的简单,主要用到了CSS中的 animation 动画渐变背景等。 CSS聚光灯效果 1、效果图片...

没想到(js中提示框)javascript提示框用法,js提示框,警告框以及确认框的使用方法,js提示框,警告框以及确认框的使用方法,

免费领取腾讯云服务器! 在写前端的页面时,关于JS的提示,警告或确认框一直使用一些集成好的JS插件来实现比如layer弹窗插件,很少用到原生JS中自带的弹出提示(吐糟一下,主要因为太丑了)。 js中alert()--警告框...

发表评论

访客

看不清,换一张

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