爱玺玺

爱玺玺的生活日记本。wx:lb87626

layui+thinkphp5多图上传

layui html部分:

      <div class="layui-upload">

        <button type="button" class="layui-btn" id="test2">活动轮播图</button> 

        <blockquote class="layui-elem-quote layui-quote-nm" style="margin-top: 10px;">

          预览图:

          <div class="layui-upload-list" id="demo2"></div>

        </blockquote>

      </div>


layui js部分:

  //多图片上传

  upload.render({

    elem: '#test2'

    ,url: '/index.php/agent/agent/more_upload' //改成您自己的上传接口

    ,multiple: true

    ,before: function(obj){

      //预读本地文件示例,不支持ie8

      obj.preview(function(index, file, result){

        $('#demo2').append('<img src="'+ result +'" alt="'+ file.name +'" class="layui-upload-img">')

      });

    }

    ,done: function(res){

      //上传完毕

      console.log(res);

    }

  });



thinkphp接收多图控制方法:

  public function more_upload(){


          if($this->request->isPost()){

                 $res['code']=1;

                 $res['msg'] = '上传成功!';

                 $file = $this->request->file('file');

                 $info = $file->move('../public/upload/admin/');

                 //halt( $info);

                 if($info){

                     $res['name'] = $info->getFilename();

                     $res['filepath'] = 'upload/admin/'.$info->getSaveName();

                 }else{

                     $res['code'] = 0;

                     $res['msg'] = '上传失败!'.$file->getError();

                 }

                 return $res;

             }

  }


发表评论:

Powered By Z-BlogPHP 1.4 Deeplue Build 150101

Copyright Your WebSite.Some Rights Reserved.

蜀ICP备11021721号-5