硬核推荐(pbootcms漏洞)pbootcms模板,Pbootcms如何通过layui上传实现留言文件或图片上传功能,Pbootcms如何通过layui上传实现留言文件或图片上传功能,
首先引入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 感谢分享!