您好,欢迎来到菜鸟吧源码网-本站资源仅供学习与参考,禁止用于商业或违法行为!
  • 首 页
  • 下载APP
  • 公告:菜鸟吧APP于2024.9.15正式上线,请首页右上角进入下载,本站资源均来源于互联网及会员投稿发布,所有资源仅供学习参考研究使用,请勿商用或其它非法用途,商用请购买正版,否则产生一切后果由用户自行承担!谢谢!

     

    当前位置:主页 > 站长学堂 > pbootcms >
    PbootCMS通过layui上传实现留言文件上传功能
    时间:2024-11-23 19:48 作者:菜鸟哥 浏览:收藏 挑错 打印

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

    首先引入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上传实现留言文件上传功能

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

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

    pbootcms模板报错提示PHP Warning: Unknown: open_basedir restrictionpbootcms模板报错提示PHP Warning: Unk
    PbootCMS后台访问地址及默认帐号密码PbootCMS后台访问地址及默认帐号密码
    PbootCMS设置当前站点模板,模板子目录,黑白名单,敏感词过滤等PbootCMS设置当前站点模板,模板子目录,