PbootCMS通过layui上传实现留言文件上传功能

您好，欢迎来到菜鸟吧源码网（www.cniao8.com）本站只做精品网站源码！

首页

菜鸟云

公告：本站资源均来源于互联网及会员投稿发布，所有资源仅供学习参考研究使用，请勿商用或其它非法用途，商用请购买正版，否则产生一切后果由用户自行承担！谢谢！

当前位置：主页 > 站长学堂 > pboot教程 >

PbootCMS通过layui上传实现留言文件上传功能

时间：2022-03-17 11:24 作者：菜鸟吧浏览：次收藏挑错打印

话不多说，直接上图上代码–这里以上传图片为例！其他文件自行修改

首先引入layui框架

1<link rel="stylesheet"href="{pboot:sitetplpath}/layui/css/layui.css?v=v2.5.4">
2<script type="text/javascript"src="{pboot:sitetplpath}/layui/layui.all.js?v=v2.5.4"></script>

然后修改前端的留言页面

01<div class="form-group">
02<label for="mobile">头 像</label>
03<div>
04<input type="text"name="ico"id="ico"placeholder="请上传缩略图"class="layui-input">
05<button type="button"class="layui-btn upload"data-des="ico">
06<i class="layui-icon">?</i>上传图片
07</button>
08<div id="ico_box"></div>
09</div>
10</div>
11
12<script>
13layui.use(['element','upload'], function(){
14var element = layui.element;
15var upload = layui.upload;
16
17//执行单图片实例
18var uploadInst = upload.render({
19elem: '.upload'//绑定元素
20,url: '/index.php?p=/index/upload'//上传接口
21,field: 'upload'//字段名称
22,multiple: false//多文件上传
23,accept: 'images'//接收文件类型 images（图片）、file（所有文件）、video（视频）、audio（音频）
24,acceptMime: 'image/*'
25,done: function(res){
26var item = this.item;
27layer.closeAll('loading'); //关闭loading
28if(res.code==1){
29$('#ico').val(res.data[0]);
30$('#ico_box').html("<img src='"+res.data[0]+"' width=80 >");
31layer.msg('上传成功！');
32}else{
33layer.msg('上传失败：'+res.data);
34}
35}
36,error: function(){
37layer.closeAll('loading'); //关闭loading
38layer.msg('上传发生错误!');
39}
40});
41});
42</script>

打开apps/home/controller/IndexController.php

新增上传入口函数

1public functionupload()
2{
3$upload = upload('upload');
4if(is_array($upload)) {
5json(1, $upload);
6} else{
7json(0, $upload);
8}
9}

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

PbootCMS通过layui上传实现留言文件上传功能

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

本文标题：PbootCMS通过layui上传实现留言文件上传功能

本文地址：http://cs.cniaoba.com/20652.html

上一篇：PbootCMS后台内容列表增添头条显示开关

下一篇：PbootCMS如何实现上传的文件使用原名称

本文标签：菜鸟吧源码功能 PbootCms 上传实现留言通过文件多说接上话不

郑重声明：
本站所有内容均由互联网收集整理、网友上传，并且以计算机技术研究交流为目的，仅供大家参考、学习，不存在任何商业目的与商业用途。若您需要商业运营或用于其他商业活动，请您购买正版授权并合法使用。
我们不承担任何技术及版权问题，且不对任何资源负法律责任。
如无法下载，联系站长索要。
如有侵犯您的版权，请给我们来信：admin@cniao8.com，我们尽快处理。

pbootcms如何设置网站xml地图