javascript-js/phpを使用してWebサイトからWebサーバーにファイルをアップロードできません

ラズベリーパイでウェブサイトをホストしています。ウェブサーバーに写真をアップロードするオプションを提供するウェブサイトを構築しようとしています。構造は次のようになります。 www.URL.de/projects/nameOfTheProjects/uploads。

XAMPPを使用してWebサイトを実行すると機能しますが、Webサーバーからは機能しません。

何かアイデアはありますか？

 <?php
//Move files to directory
$targetPath = "uploads/" . basename($_FILES["inpFile"]["name"]);
move_uploaded_file($_FILES["inpFile"]["tmp_name"], $targetPath);
?>
 

 <form id="myForm">
            <input type="file" id="inpFile"><br><br>
            <button type="submit">UPLOAD</button>
        </form>                        
    </center>
    <script>
        const myForm = document.getElementById("myForm");
        const inpFile = document.getElementById("inpFile");

        myForm.addEventListener("submit", e =>{
            e.preventDefault();

            const endpoint = "upload.php"; 
            const formData = new FormData();

            // console.log(inpFile.files);

            formData.append("inpFile", inpFile.files[0]);

            //endpoin
            fetch(endpoint, {                    
                method:  "post",
                body: formData,
                console: console.log("DONE")                    
            }).catch(console.error);

        });
    </script>