<video id="h6jar"></video>
  1. <i id="h6jar"></i>

      <rt id="h6jar"><menu id="h6jar"></menu></rt>
        <rp id="h6jar"></rp>

        + 收藏我們

        網站模板

        網站模板搜索
        404模板 營銷型模板 政府網站模板 單頁模板 雙語模板 標簽大全

        注冊

        PbootCMS通過layui上傳實現留言文件上傳功能

        AB模板網 / 2022-02-23
        話不多說,直接上圖上代碼–這里以上傳圖片為例!其他文件自行修改
        首先引入layui框架

        <link rel="stylesheet" href="{pboot:sitetplpath}/layui/css/layui.css?v=v2.5.4">
        <script type="text/javascript" src="{pboot:sitetplpath}/layui/layui.all.js?v=v2.5.4"></script>
        然后修改前端的留言頁面

        <div class="form-group">
            <label for="mobile">頭 像</label>
            <div>
            <input type="text" name="ico" id="ico" placeholder="請上傳縮略圖"  class="layui-input">
            <button type="button" class="layui-btn upload" data-des="ico">
                <i class="layui-icon"></i>上傳圖片
            </button>
            <div id="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'); //關閉loading
               if(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
         
        新增上傳入口函數

        public function upload()
            {
                $upload = upload('upload');
                if (is_array($upload)) {
                    json(1, $upload);
                } else {
                    json(0, $upload);
                }
        }
        PbootCMS通過layui上傳實現留言文件上傳功能

        后臺對應的改成圖片展示或者其他形式

        PbootCMS通過layui上傳實現留言文件上傳功能

        注意:前端上傳功能會影響網站的安全性,容易導致網站被入侵,如非必須情況不建議使用此功能。
        文章搜集與網絡,如有侵權請聯系本站,轉載請說明出處:http://www.207604.com/pbootcmsjs/9923.html

        有問題可以加入網站技術QQ群一起交流學習

        ☉首先聲明,只要是我們的vip會員全站所有資源均可以免費下載,不做任何限制(了解更多)

        ☉本站的源碼不會像其它下載站一樣植入大量的廣告。

        ☉本站提供的網站源碼,都是做好測試好發布的,均可放心使用。

        ☉本站提供的網站源碼,均帶數據及演示地址?梢栽谌我辉创a詳情頁查看演示地址。

        ☉為了vip利益的最大化,我們還提供了vip贈品(了解更多

        ☉如有其他問題,請加網站客服QQ(9490489)進行交流。

        首頁 pbootcms模板 html模板 會員中心
        美女部长出差被下属侵犯
          <video id="h6jar"></video>
        1. <i id="h6jar"></i>

            <rt id="h6jar"><menu id="h6jar"></menu></rt>
              <rp id="h6jar"></rp>