Chciałbym stworzyć stronę na której wyświetlę zdjęcia z danego katalogu. To z jakiego katalogu będą wczytane zdjęcia będzie decydować parametr w url (np. mojastrona.pl/galeria/index.php?katalog=123)
Do zrealizowania tego projektu chciałem wykorzystać gotowy skrypt dropzone.js
Nie mogę sobie poradzić do końca z jego konfiguracją. Przedstawię co zrobiłem do tej pory i z czym się borykam.

Na swoim serwerze umieściłem w jednym folderze następujące pliki
- dropzone.js
- dropzone.css
- index.html
- upload.php
oraz folder "uploads"

dropzone.js and dropzone.css pobrałem z pod adresu https://github.com/enyo/dropzone/releases/latest

Stworzyłem plik index.html i umieściłem w nim następujący kod:
[HTML] pobierz, plaintext 
  1. <!DOCTYPE html>
  2.  
  3. <meta charset="utf-8">
  4.  
  5. <script src="dropzone.js"></script>
  6. <link rel="stylesheet" href="dropzone.css">
  7.  
  8. <form action="upload.php" class="dropzone"></form>
[HTML] pobierz, plaintext


Stworzyłem również plik upload.php i umieściłem w nim następujący kod:
[PHP] pobierz, plaintext 
  1. <?php
  2. $target_dir = "uploads/";
  3. $target_file = $target_dir . basename($_FILES["file"]["name"]);
  4. $uploadOk = 1;
  5. $imageFileType = strtolower(pathinfo($target_file,PATHINFO_EXTENSION));
  6. // Check if image file is a actual image or fake image
  7. if(isset($_POST["submit"])) {
  8.     $check = getimagesize($_FILES["file"]["tmp_name"]);
  9.     if($check !== false) {
  10.         echo "File is an image - " . $check["mime"] . ".";
  11.         $uploadOk = 1;
  12.     } else {
  13.         echo "File is not an image.";
  14.         $uploadOk = 0;
  15.     }
  16. }
  17. // Check if file already exists
  18. if (file_exists($target_file)) {
  19.     echo "Sorry, file already exists.";
  20.     $uploadOk = 0;
  21. }
  22. // Check file size
  23. if ($_FILES["file"]["size"] > 500000) {
  24.     echo "Sorry, your file is too large.";
  25.     $uploadOk = 0;
  26. }
  27. // Allow certain file formats
  28. if($imageFileType != "jpg" && $imageFileType != "png" && $imageFileType != "jpeg"
  29. && $imageFileType != "gif" ) {
  30.     echo "Sorry, only JPG, JPEG, PNG & GIF files are allowed.";
  31.     $uploadOk = 0;
  32. }
  33. // Check if $uploadOk is set to 0 by an error
  34. if ($uploadOk == 0) {
  35.     echo "Sorry, your file was not uploaded.";
  36. // if everything is ok, try to upload file
  37. } else {
  38.     if (move_uploaded_file($_FILES["file"]["tmp_name"], $target_file)) {
  39.         echo "The file ". basename( $_FILES["file"]["name"]). " has been uploaded.";
  40.     } else {
  41.         echo "Sorry, there was an error uploading your file.";
  42.     }
  43. }
  44. ?>
[PHP] pobierz, plaintext

Kod został pobrany z adresu https://www.w3schools.com/php/php_file_upload.asp

Skrypt działa. Wrzucając pliki graficzne metodą przeciągnij i upuść są umieszczane na serwerze w katalogu uploads.

Chciałem przerobić skrypt w taki sposób aby wyświetlił już utworzone pliki z katalogu uploads.
Chciałem również aby wyświetlały się błędy, które są zakodowane w pliku upload.php np. 
[PHP] pobierz, plaintext 
  1. echo "Sorry, file already exists."
[PHP] pobierz, plaintext


Bardzo proszę o pomoc