Add upload folder creation + max filesize config

moved image size setting to config
Bugfix with $max_file_size
Updated config descriptions
Added upload folder creation + formatted config.php

config.php

@@ -9,9 +9,18 @@ $image_url = "/i/";
 $thumb_path = "/var/www/{$domain}/public_html/t/";
 $thumb_url = "/t/";
 
-$mirror_list = array($domain=>"");
+$mirror_list = array(
+    $domain => "",
+    "thinpcb.com" => "thinpcb.com"
+);
 
-$max_filesize = 5 * 1024 * 1024;
+$max_file_size = 25 * 1024 * 1024; // In bytes, for file uploads
 
-$allowed_types = array( 'image/jpeg', 'image/png', 'image/gif', 'image/webp' );
+$max_image_size = 800; // In Pixles, images bigger then this will be resized
 
+$allowed_types = array(
+    'image/jpeg',
+    'image/png',
+    'image/gif',
+    'image/webp'
+);

index.php

@@ -7,217 +7,221 @@ require_once("config.php");
 header("Access-Control-Allow-Origin: *");
 
 // To print the max file size in human readable format
-$max_filesize_msg = human_readable_size($max_filesize,0);
+$max_filesize_msg = human_readable_size($max_file_size, 0);
 
 // If file has been posted
 if ($_FILES['file']['error'] === UPLOAD_ERR_OK) {
-    try{
+    try {
+        if (!file_exists($image_path))
+            mkdir($image_path, 0777, true);
+        if (!file_exists($thumb_path))
+            mkdir($thumb_path, 0777, true);
         //getting file name
-        $file_name =  $_FILES['file']['name']; 
+        $file_name = $_FILES['file']['name'];
         //getting temp_name of file
-        $tmp_name = $_FILES['file']['tmp_name']; 
+        $tmp_name = $_FILES['file']['tmp_name'];
 
         // Ensure the file has image size parameters
         $image_info = @getimagesize($tmp_name);
 
-        if($image_info == false)
+        if ($image_info == false)
             throw new Exception('Please upload valid image file.');
-        
+
         // Check the types of files that are allowed to be uploaded
-        $type = $_FILES['file']['type'];     
-        if(!in_array( $type, $allowed_types ))
+        $type = $_FILES['file']['type'];
+        if (!in_array($type, $allowed_types))
             throw new Exception("Only jpg, jpeg, png, webp, and gif image type supported.");
-        
+
         // Check the file size is acceptable
-        if(filesize($tmp_name)>$max_filesize)
+        if (filesize($tmp_name) > $max_file_size)
             throw new Exception("File over allowed size of {$max_filesize_msg}");
-        
+
         // Get the extension of the file
         $file_ext = pathinfo($file_name, PATHINFO_EXTENSION);
         $file_id = rand_str(6);
-        
+
         // Convert webp files into jpg image
-        if($type=='image/webp'){
+        if ($type == 'image/webp') {
             $new_file_name = "{$file_id}.jpg";
             $new_thumb_name = "{$file_id}_thumb.jpg";
-            
+
             // Convert webp to jpeg with 80% quality and save to save path
             $im = imagecreatefromwebp($tmp_name);
-            imagejpeg($im, $image_path.$new_file_name, 80);
+            imagejpeg($im, $image_path . $new_file_name, 80);
             imagedestroy($im);
         }
         // Resize image if it's JPEG and more then 1200px in any side
-        elseif($type=='image/jpeg' && ($image_info[0]>1200 || $image_info[1] > 1200) ){
+        elseif ($type == 'image/jpeg' && ($image_info[0] > $max_image_size || $image_info[1] > $max_image_size)) {
             $new_file_name = "{$file_id}.jpg";
             $new_thumb_name = "{$file_id}_thumb.jpg";
-            
+
             // Resize image to a smaller size
             $source = $tmp_name;
-            $dest = $image_path.$new_file_name;
-            resizeAndSaveImage($source,$dest,1200);
+            $dest = $image_path . $new_file_name;
+            resizeAndSaveImage($source, $dest, $max_image_size);
         }
         // Move the uploaded file to save path
-        else{
+        else {
             $new_file_name = "{$file_id}.{$file_ext}";
             $new_thumb_name = "{$file_id}_thumb.{$file_ext}";
-            
+
             // Move the uploaded file to save path (for all other formats)
-            move_uploaded_file($tmp_name, $image_path.$new_file_name);
+            move_uploaded_file($tmp_name, $image_path . $new_file_name);
         }
-        
+
         // Generate thumbnails
-        $source = $image_path.$new_file_name;
-        $dest = $thumb_path.$new_thumb_name;
-        resizeAndSaveImage($source,$dest,150);
-        
+        $source = $image_path . $new_file_name;
+        $dest = $thumb_path . $new_thumb_name;
+        resizeAndSaveImage($source, $dest, 150);
+
         // Generate the file url and reply
-        $url = $protocol.$domain.$image_url.$new_file_name;
-        
-        $out = array("status"=>"OK","url"=>$url);
-        echo json_encode($out);
+        $url = $protocol . $domain . $image_url . $new_file_name;
 
+        $out = array("status" => "OK", "url" => $url);
+        echo json_encode($out);
     }
     // Catch and print the exception
-    catch(Exception $e){
-        $out = array("status"=>"FAIL","msg"=>$e->getMessage());
+    catch (Exception $e) {
+        $out = array("status" => "FAIL", "msg" => $e->getMessage());
         echo json_encode($out);
     }
-}
-else{
-    $v = "?v=".rand(1111,9999);
-    ?>
-    
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Mini Image Host</title>
-    <link rel="stylesheet" href="style.css<?=$v?>">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" />
-</head>
-
-<body>
-
-<?php 
-// Display the images in gallery
-if(isset($_REQUEST['gallery'])){ 
-    $files = scandir($image_path);
-    
+} else {
+    $v = "?v=" . rand(1111, 9999);
 ?>
-    <div class="wrapper wrapper-big">
-        <i class="fas fa-upload" onclick="location.href='.';"></i>
-        <header onclick="location.href='.';">Mini Image Host</header>
-        <div style="margin: 30px 0;">
-<?php
 
-$i = 0;
-foreach($files as $file){
-    $parts = explode(".",$file);
-    $thumb_name = $parts[0]."_thumb.".$parts[1];
-    $file_url = $protocol.$domain.$image_url.$file;
-    
-    $file_exists = false;
-    if(file_exists($thumb_path.$thumb_name)){
-        $file_exists = true;
-        $img_scr_url = $protocol.$domain.$thumb_url.$thumb_name;
-    }
-    elseif(!is_dir($image_path.$file)){
-        $file_exists = true;
-        $img_scr_url = $file_url;
-    }
-    
-    if($file_exists){
+    <!DOCTYPE html>
+    <html lang="en">
+
+    <head>
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+        <title>Mini Image Host</title>
+        <link rel="stylesheet" href="style.css<?= $v ?>">
+        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" />
+    </head>
+
+    <body>
+
+        <?php
+        // Display the images in gallery
+        if (isset($_REQUEST['gallery'])) {
+            $files = scandir($image_path);
+
         ?>
-        
-            <div class="popup" onclick="showPopup('popup_<?=$i?>','<?=$file_url?>')">
-                <img src="<?=$img_scr_url?>" alt="<?=$file_url?>" />
-                <span class="popuptext" id="popup_<?=$i?>">Link copied.</span>
+            <div class="wrapper wrapper-big">
+                <i class="fas fa-upload" onclick="location.href='.';"></i>
+                <header onclick="location.href='.';">Mini Image Host</header>
+                <div style="margin: 30px 0;">
+                    <?php
+
+                    $i = 0;
+                    foreach ($files as $file) {
+                        $parts = explode(".", $file);
+                        $thumb_name = $parts[0] . "_thumb." . $parts[1];
+                        $file_url = $protocol . $domain . $image_url . $file;
+
+                        $file_exists = false;
+                        if (file_exists($thumb_path . $thumb_name)) {
+                            $file_exists = true;
+                            $img_scr_url = $protocol . $domain . $thumb_url . $thumb_name;
+                        } elseif (!is_dir($image_path . $file)) {
+                            $file_exists = true;
+                            $img_scr_url = $file_url;
+                        }
+
+                        if ($file_exists) {
+                    ?>
+
+                            <div class="popup" onclick="showPopup('popup_<?= $i ?>','<?= $file_url ?>')">
+                                <img src="<?= $img_scr_url ?>" alt="<?= $file_url ?>" />
+                                <span class="popuptext" id="popup_<?= $i ?>">Link copied.</span>
+                            </div>
+                    <?php
+                            $i++;
+                        }
+                    }
+
+                    ?>
+                </div>
             </div>
-        <?php
-        $i++;
-    }
-}
 
-?>  
-        </div>
-    </div>
+        <?php } else { ?>
 
-<?php } else { ?>
+            <div class="wrapper">
+                <header onclick="location.href='.';">Mini Image Host</header>
+                <div class="mirror-div">
+                    Select mirror:
+                    <select id="mirror">
+                        <?php
+                        foreach ($mirror_list as $mirror => $host) {
+                            echo "<option value=\"$host\">$mirror</option>";
+                        }
+                        ?>
+                    </select>
+                    <i class="fas fa-image" onclick="location.href='/?gallery';" style="float:right; font-size: 20pt;"></i>
+                </div>
+                <form action="#">
+                    <input class="file-input" type="file" name="file" hidden>
+                    <i class="fas fa-cloud-upload-alt"></i>
+                    <p>Browse Image to Upload</p>
+                    <span class="small">Max file size:
+                        <?= $max_filesize_msg ?>
+                    </span>
+                </form>
+                <section class="progress-area"></section>
+                <section class="uploaded-area"></section>
+            </div>
+
+            <script>
+                const form = document.querySelector("form");
+                const fileInput = document.querySelector(".file-input");
+                const progressArea = document.querySelector(".progress-area");
+                const uploadedArea = document.querySelector(".uploaded-area");
+                // form click event
+                form.addEventListener("click", () => {
+                    fileInput.click();
+                });
 
-    <div class="wrapper">
-        <header onclick="location.href='.';">Mini Image Host</header>
-        <div class="mirror-div">
-            Select mirror:
-            <select id="mirror">
-                <?php
-                    foreach($mirror_list as $mirror=>$host){
-                        echo "<option value=\"$host\">$mirror</option>";
+                fileInput.onchange = ({
+                    target
+                }) => {
+                    let file = target.files[0];
+                    if (file) {
+                        let fileName = file.name;
+                        if (fileName.length >= 12) {
+                            let lastIndex = fileName.lastIndexOf('.');
+                            let name = fileName.slice(0, lastIndex);
+                            let ext = fileName.slice(lastIndex + 1);
+                            fileName = name.substring(0, 13) + "... ." + ext;
+                            //let splitName = fileName.split('.');
+                            //fileName = splitName[0].substring(0, 13) + "... ." + splitName[1];
+                        }
+                        let mirror = document.getElementById("mirror").value;
+                        if (mirror.length > 0) {
+                            mirror = "https://" + mirror + "/";
+                        }
+                        uploadFile(fileName, mirror);
                     }
-                ?>
-            </select>
-            <i class="fas fa-image" onclick="location.href='/?gallery';" style="float:right; font-size: 20pt;"></i>
-        </div>
-        <form action="#">
-            <input class="file-input" type="file" name="file" hidden>
-            <i class="fas fa-cloud-upload-alt"></i>
-            <p>Browse Image to Upload</p>
-            <span class="small">Max file size: <?=$max_filesize_msg?></span>
-        </form>
-        <section class="progress-area"></section>
-        <section class="uploaded-area"></section>
-    </div>
-    
-    <script>
-        const form = document.querySelector("form");
-        const fileInput = document.querySelector(".file-input");
-        const progressArea = document.querySelector(".progress-area");
-        const uploadedArea = document.querySelector(".uploaded-area");
-        // form click event
-        form.addEventListener("click", () => {
-            fileInput.click();
-        });
-        
-        fileInput.onchange = ({
-            target
-        }) => {
-            let file = target.files[0];
-            if (file) {
-                let fileName = file.name;
-                if (fileName.length >= 12) {
-                    let lastIndex = fileName.lastIndexOf('.');
-                    let name = fileName.slice(0, lastIndex);
-                    let ext = fileName.slice(lastIndex + 1);
-                    fileName = name.substring(0, 13) + "... ." + ext;
-                    //let splitName = fileName.split('.');
-                    //fileName = splitName[0].substring(0, 13) + "... ." + splitName[1];
-                }
-                let mirror = document.getElementById("mirror").value;
-                if(mirror.length > 0){
-                    mirror = "https://"+mirror+"/";
                 }
-                uploadFile(fileName,mirror);
-            }
-        }
-    </script>
-    
-<?php } ?>
+            </script>
+
+        <?php } ?>
 
-    <script src="script.js<?=$v?>"></script>
+        <script src="script.js<?= $v ?>"></script>
 
-</body>
+    </body>
 
-</html>
+    </html>
 
-    <?php
+<?php
 
 }
 
 
 
 // Function used to generate a random string for filename
-function rand_str($length = 10) {
+function rand_str($length = 10)
+{
     $characters = '23456789abcdefghjkmnpqrtuvwxyzABCDEFGHJKLMNPQRTUVWXYZ';
     $charactersLength = strlen($characters);
     $randomString = '';
@@ -229,17 +233,18 @@ function rand_str($length = 10) {
 
 
 // Conver byte size to human redable size
-function human_readable_size($raw_size,$return_array = true){
-    $size_arr = array("B","KB","MB","GB","TB","PB");
-    $max = count($size_arr)-1;
-    
-    for($i=$max; $i>=0; $i--){
-        $value = pow(1024,$i);
-        
-        if($raw_size > $value){
+function human_readable_size($raw_size, $return_array = true)
+{
+    $size_arr = array("B", "KB", "MB", "GB", "TB", "PB");
+    $max = count($size_arr) - 1;
+
+    for ($i = $max; $i >= 0; $i--) {
+        $value = pow(1024, $i);
+
+        if ($raw_size > $value) {
             $size_hr = round(($raw_size / $value), 2);
-            
-            return $return_array ? array($size_hr,$size_arr[$i]) : "{$size_hr} {$size_arr[$i]}";
+
+            return $return_array ? array($size_hr, $size_arr[$i]) : "{$size_hr} {$size_arr[$i]}";
         }
     }
 }
@@ -247,42 +252,38 @@ function human_readable_size($raw_size,$return_array = true){
 
 
 // Resize and save image
-function resizeAndSaveImage($source,$dest,$maxSize=200){
+function resizeAndSaveImage($source, $dest, $maxSize = 200)
+{
     // get source image size
     $img_details = getimagesize($source);
     $w = $img_details[0];
     $h = $img_details[1];
     $img_type = $img_details[2];
-    
+
     // specifying the required image size
-    if($w > $h){
+    if ($w > $h) {
         $new_width = $maxSize;
         $new_height = ceil($maxSize * $h / $w);
-    }
-    else{
+    } else {
         $new_height = $maxSize;
         $new_width = ceil($maxSize * $w / $h);
     }
-    
+
     if ($img_type == IMAGETYPE_GIF) {
         $imgt = "ImageGIF";
         $imgcreatefrom = "ImageCreateFromGIF";
-    }
-    elseif ($img_type == IMAGETYPE_JPEG) {
+    } elseif ($img_type == IMAGETYPE_JPEG) {
         $imgt = "ImageJPEG";
         $imgcreatefrom = "ImageCreateFromJPEG";
-    }
-    elseif ($img_type == IMAGETYPE_PNG) {
+    } elseif ($img_type == IMAGETYPE_PNG) {
         $imgt = "ImagePNG";
         $imgcreatefrom = "ImageCreateFromPNG";
     }
-    
+
     if ($imgt) {
         $old_image = $imgcreatefrom($source);
         $new_image = imagecreatetruecolor($new_width, $new_height);
         imagecopyresized($new_image, $old_image, 0, 0, 0, 0, $new_width, $new_height, $w, $h);
         $save = $imgt($new_image, $dest);
     }
-    
 }
-