I am trying to set up dropzone.js on my server. I created folder on my server which contains:
dropzone.js and dropzone.css has been downloaded from https://github.com/enyo/dropzone/releases/latest
I created index.html (based on https://gitlab.com/meno/dropzone/raw/master/website/examples/simple.html)
<!DOCTYPE html>
<meta charset="utf-8">
<script src="dropzone.js"></script>
<link rel="stylesheet" href="dropzone.css">
<form action="upload.php" class="dropzone"></form>
and upload.php (from https://www.w3schools.com/php/php_file_upload.asp)
<?php
$target_dir = "uploads/";
$target_file = $target_dir . basename($_FILES["file"]["name"]);
$uploadOk = 1;
$imageFileType = strtolower(pathinfo($target_file,PATHINFO_EXTENSION));
// Check if image file is a actual image or fake image
if(isset($_POST["submit"])) {
$check = getimagesize($_FILES["file"]["tmp_name"]);
if($check !== false) {
echo "File is an image - " . $check["mime"] . ".";
$uploadOk = 1;
} else {
echo "File is not an image.";
$uploadOk = 0;
}
}
// Check if file already exists
if (file_exists($target_file)) {
echo "Sorry, file already exists.";
$uploadOk = 0;
}
// Check file size
if ($_FILES["file"]["size"] > 500000) {
echo "Sorry, your file is too large.";
$uploadOk = 0;
}
// Allow certain file formats
if($imageFileType != "jpg" && $imageFileType != "png" && $imageFileType != "jpeg"
&& $imageFileType != "gif" ) {
echo "Sorry, only JPG, JPEG, PNG & GIF files are allowed.";
$uploadOk = 0;
}
// Check if $uploadOk is set to 0 by an error
if ($uploadOk == 0) {
echo "Sorry, your file was not uploaded.";
// if everything is ok, try to upload file
} else {
if (move_uploaded_file($_FILES["file"]["tmp_name"], $target_file)) {
echo "The file ". basename( $_FILES["file"]["name"]). " has been uploaded.";
} else {
echo "Sorry, there was an error uploading your file.";
}
}
?>
When I drag and drop some jpg file then it is uploaded to the /uploads folder.
Is it possible to show all files (pictures) from /uploads with some function somewhere below the drop box via dropzone.js function?
I also don't know why no error are showed from upload.php file like
echo "Sorry, file already exists."