Edit

[EDIT] FILE: multiimage.php

<?php
	session_start();
	if(empty($_SESSION['logged_in_id'])){
		header('Location:login.php');
	}
   include_once('includes/db.php');
	$ob = new database();

include('function.php');
	head();
?>

<section class="content mt-2">
         <div class="container-fluid">
            <div class="row">
               <div class="col-12">
                  <div class="card">
                     <div class="card-header">
                        <h2 class="card-title"> Multiple Images</h2>
                        <a href="#" class="btn btn-success btn-sm btn-icon icon-left success_button float-right" data-toggle="modal" data-target="#add_new_image"> 
                           <i class="fas fa-plus"></i> Add Images
                        </a> 
                     </div>
                     
                     <div class="card-body">
                        <table id="example4" class="table table-bordered table-striped">
                           <thead>
                              <tr>
                                 <th>S No.</th>
                                 <th>Product Name</th>
                                 <th>Image</th>
                                 <th style="min-width: 170px;">Action</th>
                              </tr>
                           </thead>
                           <tbody id="show_image" class="show_image"></tbody>
                        </table>
                     </div>
                     
                  </div>
                  
               </div>
               
            </div>
            
         </div>
         
      </section>
      
   </div>

<div class="modal fade mt-3" id="add_new_image">
      <div class="modal-dialog modal-lg">
         <div class="modal-content">
            <div class="modal-header mymodel-header">
               <h4 class="modal-title mymodel-title">Add Image</h4>
               <button type="button" class="mymodel-button close" data-dismiss="modal" aria-label="Close">
                  <span aria-hidden="true">&times;</span>
               </button>
            </div>
            <form>
               <div class="modal-body">
                  <div class="form-group">
                     <select class="form-control" name="pro_id" id="pro_id">
                        <option value="">Product Name</option>
                        <?php
                        $ob->query("SELECT * FROM product");
                        if($ob->affected_rows() >= 1){
                           foreach($ob->rows() as $data){
                              ?>
                              <option value="<?php echo $data['id']; ?>"><?php echo $data['title']; ?></option>
                              <?php
                           }
                        }
                        ?>
                     </select>
                  </div>						
                  <div class="form-group">
                     <label for="image">Image</label>
                     <input type="file" name="image" id="image" class="form-control txt" required />
                  </div>
               </div>
               <div class="modal-footer">
                  
                  <input type="hidden" name="command" value="do_add_images" />
                  <input type="submit" name="submit" class="btn btn-primary boton" />
               </div>
            </form>

</div>
         
      </div>
      
   </div>

<?php
	$ob->query("SELECT * FROM images");
	if($ob->affected_rows() >= 1){
		foreach($ob->rows() as $cat){
			$image = $cat['image'];
			$id = $cat['id'];
?>
	<div class="modal" id="myModal_img<?php echo $id; ?>">
		<div class="modal-dialog modal-lg">
			<div class="modal-content">
			
            
            <div class="modal-header">
               <h4 class="modal-title">Image</h4>
               <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>
            
            
            <div class="modal-body" align="center">
               <img src='<?php echo $image; ?>' style='max-width:600px;height:auto;'/>
            </div>
			
			</div>
		</div>
	</div>
<?php
		}
	}
?>

<?php foter(); ?>

CANCEL