ckeditor file browser for codeigniter and php

// file browser code

<html>
    <head>
        <title>File Browser</title>
        </head>
        <style type="text/css">
            body{
                font-family:'Segoe UI',Verdana,Helvetica,sans-serif;
                font-size:80%;
            }

            #form{
                width: 600px;
            }

            #folderExplorer{
                float:left;
                width:100px;
            }

            #fileExplorer{
                float:left;
            }
            .thumbnail{
                float:left;
                margin:3px;
                padding:3px;
                border:1px solid #dff0ff;
            }
            ul{
                list-style-type:none;
                margin:0;
                padding:0;
            }
            li{
                padding:0;
            }
        </style>
        <script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
         <script src="//cdn.ckeditor.com/4.6.2/full-all/ckeditor.js"></script>
        <script>
            $(document).ready(function(){
                var funcNum = <?php echo $_GET['CKEditorFuncNum'].';'; ?>
                $('#fileExplorer').on('click','img',function(){
                    var fileUrl = $(this).attr('title');
                    window.opener.CKEDITOR.tools.callFunction(funcNum,fileUrl);
                    window.close();
                }).hover(function(){
                    $(this).css('cursor','pointer');
                });
            });

        </script>
    <body>
        <div id="fileExplorer">
            <?php
            $fileList = glob('assets/uploads/*');
            foreach($fileList as $fileName){
                ?>
                    <div class="thumbnail">
                        <img src="<?= base_url().$fileName?>" alt="thumb"  title="<?= base_url().$fileName?>" width="120" height="100"/>
                        <br />
                        <?= $fileName ?>
                    </div>
                <?php
            }
            ?>
        </div>
    </body>
</html>


// php controller code


    public function upload_ckeditor(){
        // echo json_encode("123");
        $config['upload_path'] = './assets/uploads/';
        $config['allowed_types'] = 'gif|jpg|png|png|zip';
        $config['max_size'] = 4096;
        $config['encrypt_name'] = TRUE;

        $this->load->library('upload', $config);
        $this->upload->initialize($config);
        if(!$this->upload->do_upload("upload")){
            echo json_encode(array("error" => $this->upload->display_errors()));
        }else{
            $upload_data = $this->upload->data();
            echo json_encode(array("file_name" => $upload_data['file_name']));
        }
    }

    public function browse_ckeditor(){
        $data['fileList'] = glob('assets/uploads/*');
        $this->load->view('admin/file_browser',$data);
    }

//  js code

var editor = CKEDITOR.replace( 'editor1',{
            filebrowserUploadUrl:'<?= site_url('admin/home/upload_ckeditor');?>',
            filebrowserBrowseUrl:'<?php echo base_url('admin/home/browse_ckeditor');?>'
          });