File: webGallery.php

<?php 
include_once "assets/includes/autoloader.includes.php";

metaTag_header('webGallery');
$page ='webGallery';
$ubpage ='webGallery';
?>
<body>
<div class="wrapper">



<!-- ========top bar========== -->
<?php include "assets/includes/top_menu.includes.php";  ?>
<!-- ==========End Top bar==================== -->


<!-- ========side menu========== -->
<?php include "assets/includes/side_menu.includes.php";  ?>
<!-- ==========End side menu==================== -->





<div class="main-panel">

    <div class="container">
        <div class="panel-header ">
                    <div class="page-inner">
                        <div class="page-header">
                                <h4 class="page-title">Gallery</h4>
                                <ul class="breadcrumbs">
                                    <li class="nav-home">
                                        <a href="view_safari.php">
                                            <i class="flaticon-home"></i>
                                        </a>
                                    </li>
                                    <li class="separator">
                                        <i class="flaticon-right-arrow"></i>
                                    </li>
                                    <li class="nav-item">
                                        <a href="view_safari.php"> Gallery Setting</a>
                                    </li>
                                    <li class="separator">
                                        <i class="flaticon-right-arrow"></i>
                                    </li>
                                    <li class="nav-item">
                                        <a href="#">Gallery Form</a>
                                    </li>
                                </ul>
                            </div>




            <!-- ========================================== -->

            <!-- ========side menu========== -->
            <?php include_once "assets/forms/viewGallery.forms.php";  ?>
            <!-- ==========End side menu==================== -->

            <!-- =========================================== -->






                    </div> <!-- ======page inner ends===== -->
        </div> <!-- =====panel header ends=== -->
        
        

        
    </div> <!-- === conatiner ends=== -->

<!-- ========side menu========== -->
<?php include "assets/includes/footer.includes.php";  ?>
<!-- ==========End side menu==================== -->

</div><!-- =====main apnel ends==== -->





</div> <!-- =====wraper ends=== -->



<?=Tag_footer(); ?>
<script type='text/javascript'>

        Dropzone.autoDiscover = false;
        $(".dropzone").dropzone({
            addRemoveLinks: true,removedfile: function(file) {
                var name = file.name;    
                
                $.ajax({
                    type: 'POST',
                    url: 'galeryImages.php',
                    data: {name: name,request: 3},
                    sucess: function(data){
                        console.log('success: ' + data);
                    }
                });
                var _ref;
                return (_ref = file.previewElement) != null ? _ref.parentNode.removeChild(file.previewElement) : void 0;
            },
            init: function() {   
                myDropzone = this;
                $.ajax({
                    url: 'galeryImages.php',
                    type: 'post',
                    data: {request: 2,galleryID:0},
                    dataType: 'json',
                    success: function(response){
                        
                        $.each(response, function(key,value) {
                            var mockFile = { name: value.name, size: value.size };

                            myDropzone.emit("addedfile", mockFile);
                            myDropzone.emit("thumbnail", mockFile, value.path);
                            myDropzone.emit("complete", mockFile);

                        });

                    }
                });
            }
        });
        
        </script>

</body>
</html>
📄 webGallery.php
