timeline/views/upload_img.php

<?php
require_once "partials/base.php";
require_once 'libs/session.php';

checkValidSessionOrRedirectToLogin();

$title = "Upload - $title";

include_once 'partials/header.php';

$media_upload = getcwd() . "/" . $config["media_upload"] .  "/";

?>

<article id="new_twt">
  <form method="POST" enctype="multipart/form-data">
    <strong>Select images to upload:</strong>
    <input type="file" name="files[]" multiple style="width: 100%;border: 1px solid var(--border); margin: 0.5rem 0;"><br>
    <input type="submit" name="submit" value="Upload">
  </form>
</article>

<?php

// Credits: https://www.geeksforgeeks.org/how-to-select-and-upload-multiple-files-with-html-and-php-using-http-post/

// Check if form was submitted
if(isset($_POST['submit'])) {

  echo "<p class='notice'>";

  // Configure upload directory and allowed file types
  $upload_dir = $media_upload.DIRECTORY_SEPARATOR;
  $allowed_types = array('jpg', 'png', 'jpeg', 'gif');
  
  // Define maxsize for files i.e 2MB
  $maxsize = 10 * 1024 * 1024;

  // Checks if user sent an empty form
  if(!empty(array_filter($_FILES['files']['name']))) {

    // Loop through each file in files[] array
    foreach ($_FILES['files']['tmp_name'] as $key => $value) {
      
      $file_tmpname = $_FILES['files']['tmp_name'][$key];
      $file_name = $_FILES['files']['name'][$key];
      $file_size = $_FILES['files']['size'][$key];
      $file_ext = pathinfo($file_name, PATHINFO_EXTENSION);

      // Apped date to filename
      //$file_name = date('Y-m-d_').$file_name;

      // Replace spaces with dashes and set all lower case
      $file_name = str_replace(' ', '-', strtolower($file_name));

      // Set upload file path
      $file_path = $upload_dir.$file_name;

      // Check file type is allowed or not
      if(in_array(strtolower($file_ext), $allowed_types)) {

        // Verify file size - 2MB max
        if ($file_size > $maxsize)    
          echo "Error: File size is larger than the allowed limit.";

        // If file with name already exists then append time in
        // front of name of the file to avoid overwriting of file
        if(file_exists($file_path)) {
          echo "Error uploading {$file_name} - File already exists! <br />";
          // $file_path = $upload_dir.date('Y-m-d_').$file_name;
          
          // if( move_uploaded_file($file_tmpname, $file_path)) {
          //  echo "{$file_name} successfully uploaded <br />";
          // }
          // else {         
          //  echo "Error uploading {$file_name} - File already exists! <br />";
          // }
        }
        else {
        
          if(move_uploaded_file($file_tmpname, $file_path)) {
            
            //$full_url = "http://{$_SERVER['HTTP_HOST']}/twtxt/".$file_name;
            $public_file = $public_media.basename($file_path);

            /*
                    echo '<table class="center"><tr class="preview">';
                        echo '<td><a href="'.$public_file.'">';
                            echo '<img src="'.$public_file.'">';
                        echo '</a></td>';
                    
                        //$file = str_replace('../', $base_url, $file);
                        echo '<td><code>![]('.$public_file.')</code></td>';
                    echo '</tr></table>';
            */

            echo "<strong>{$file_name}</strong> successfully uploaded<br>";
            //echo "<img src='{$file_path}' width='48' height='48'>";
            //echo "<code>![]({$full_url})</code><br />";
            //echo "<img src=".$file_path." height=200 width=300 />";
          }
          else {          
            echo "Error uploading <strong>{$file_name}</strong><br>";
          }
        }
      }
      else {
        
        // If file extension not valid
        echo '<p class="warning">';
          echo "Error uploading {$file_name} for unknown reason";
          echo "({$file_ext} file type is not allowed)<br / >";
        echo '</p>';
      }
    }
  }
  else {
    
    // If no files selected
    echo "No files selected.";
  }

  echo "</p>";
}


// Show images already on server and markdown code

$imgs_on_server = glob($media_upload."*.{jpg,jpeg,png,gif}", GLOB_BRACE);

// Sort image files by date (based on: https://stackoverflow.com/questions/124958/glob-sort-array-of-files-by-last-modified-datetime-stamp
usort($imgs_on_server, fn($a, $b) => -(filemtime($a) - filemtime($b)));

echo '<center><em>Copy the code for images and paste it into the new message box</em></center>';

foreach ($imgs_on_server as $img) {

  $public_file = $config["public_media"] . "/" . basename($img);
/*
  echo '<tr class="preview">';
  echo '<td><a href="'.$public_file.'">';
      echo '<img src="'.$public_file.'" style="width:300px; max-height:200px; object-fit: cover;">';
  echo '</a></td>';

  //$img = str_replace('../', $base_url, $img);
  echo '<td><code>![]('.$public_file.')</code></td>';
  echo '</tr>';
*/
  echo '<section class="upload-grid">';
  echo '<code>![]('.$public_file.')</code>';
  echo '<a href="'.$public_file.'"><img src="'.$public_file.'"></a>';
  echo '</section>';
}

//echo '</table>';

?>



<!-- PHP: FOOTER  --><?php include_once 'partials/footer.php';?>