Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [JavaScript][PHP] Instalacja dropzone.js od podstaw
karcheus
post 22.12.2018, 11:31:12
Post #1





Grupa: Zarejestrowani
Postów: 14
Pomógł: 0
Dołączył: 18.06.2016

Ostrzeżenie: (0%)
-----

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
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Wersja Lo-Fi Aktualny czas: 6.07.2025 - 20:15
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn