Search code examples
phpbootstrap-modalajaxform

Upload image and view it in lightbox


I created upload button to my lightbox gallery but have problems with script to view images in gallery when they are uploaded in folder. Here is my demo. - http://t2.screenbg.net/2.php

<?php
   if(isset($_FILES['image'])){
      $errors = array();
      $file_name = $_FILES['image']['name'];
      $file_size = $_FILES['image']['size'];
      $file_tmp = $_FILES['image']['tmp_name'];
      $file_type = $_FILES['image']['type'];
      $file_ext = strtolower(end(explode('.', $_FILES['image']['name'])));
      
      $extensions = array("jpeg", "jpg", "png");
      
      if(in_array($file_ext, $extensions) === false){
         $errors[] = "extension not allowed, please choose a JPEG or PNG file.";
      }
      
      if($file_size > 2097152){
         $errors[] = 'File size must be exactly 2 MB';
      }
      
      if(empty($errors) == true){
         move_uploaded_file($file_tmp, "2_files/".$file_name);
         echo "Success";
      }else{
         print_r($errors);
      }
   }
?>

I expecting can to add script whose add 'img src' lines to gallery when are uploaded new pictures.


Solution

  • To view your image from your folder use:

     $image = "pathtoyourimage";
    
     echo '<img src="'.$image.'" alt="image" height="100" />';