EVOLUTION-NINJA
Edit File: view_uploads.php
<?php $this->load->view('includes/header.php')?> <div class="content-wrapper"> <form id="upload"> <div class="row"> <div class="col-md-12 grid-margin stretch-card"> <div class="card"> <div class="card-body"> <div class="row"> <div class="col-sm-3"> <div class="form-group"> <label>Uploads : </label> </div> </div> <div class="col-sm-3"> <div class="form-group"> <div class="uploaded_documents"> </div> </div> </div> </div> <div class="row view_uploads" style="padding-top: 20px;"> </div> </div> </div> </div> </div> <div class="modal-footer"> <a href="<?php echo site_url('bookings-list'); ?>" class="btn btn-primary" >Cancel</a> </div> </form> </div> <style type="text/css"> .first{ padding-top: 2%; padding-bottom:3%; } </style> <script type="text/javascript"> $(document).ready(function (){ var id='<?php echo $this->uri->segment(2); ?>'; $.ajax({ type:'post', url:'<?php echo site_url('get-upload-documents');?>', data:{"id":id}, success:function(response){ response=jQuery.parseJSON(response); console.log(response); if(response.result == 1) { var image = jQuery.parseJSON(response.message.id_scan); $.each(image,function(key,val) { var ext = val.split('.').pop(); if(ext=="png" || ext=="jpg" || ext=="jpeg") { var content = '<div class="col-sm-4"> <a href="<?php echo base_url('/idscan');?>/'+val+'" target="_blank" ><img width="300px" height="300px" src="<?php echo base_url('/idscan');?>/'+val+'" class=""/></a></div>'; $('.view_uploads').append(content); } else if(ext=="pdf") { var content = '<div class="col-sm-4"><iframe src="<?php echo base_url('idscan/');?>'+val+'" height="315px" width="100%"></iframe></div>'; $('.view_uploads').append(content); } }); } } }); }); </script> <?php $this->load->view('includes/footer');?>