<?php      require_once "../core/config.php";      if($_SERVER['REQUEST_METHOD'] == "POST" and $account == true and $_FILES == true){         $max_size = 5242880;         $type_file = [".png", ".jpg", ".jpeg"];         if($_FILES["userfile"]["size"] >= $max_size){             header("Location: /account#err-size-file");             exit;         }         if(array_key_exists($_FILES['userfile']['type'], $type_file)){             header("Location: /account#err-type-file");             exit;         }         $uploaddir = "/static/img/uploads/";         $uploadfile = $uploaddir . basename($_FILES["userfile"]["name"]);         move_uploaded_file($_FILES["userfile"]["tmp_name"], $uploadfile);         header("Location: /account#upload-success");         exit;     }else{         header("Location: /account#err");         exit;     }   

   <form name="upload" method="POST" action="/api/image/upload" enctype="multipart/form-data">         <label for="new-avatar" onclick="uploadAvatar()" name="userfile" class="blue-button" style="text-align: center;width: 200px;margin-top: 5px;">Обновить фотографию</label>         <input id="new-avatar" type="file" name="userfile" style="display: none;" accept=".png, .jpg, .jpeg">         <input type="submit" value="Обновить" class="blue-button" style="display: none;margin-top: 5px;width: 200px;text-align: center;">         </form>   

   function uploadAvatar(){     let input = document.querySelector("input[id=new-avatar]");     input.addEventListener("change", (event) => {         $("input[type=submit]").show();         $("label[for=new-avatar]").hide();     }); }