javascript - フォルダをサーバーにアップロード

Question

フォルダ全体をサーバーにアップロードしたい。広範な調査の結果、入力タグで webkitdirectory ディレクトリを使用することがわかりました。そのworkinfは問題なく、ダイアログからフォルダーも選択しています。ただし、フォルダ内のすべてのファイルのリストのみが表示され、フォルダ全体がサーバーにアップロードされていません。

私のhtmlコードは次のとおりです。

 <div class="upload" style="width: 30px; height: 30px; margin-top: -29px; margin-left: 90%; background: url(http://192.168.1.30/sannan/upload.png);">
                <input type="file" name="myfile" id="myfile" onchange="submitForm()" webkitdirectory directory/>

            </div>

私のアップロードスクリプトは次のとおりです。

<?php    
    $output_dir = "upload/"; 
  if(isset($_FILES["myfile"]))
    {
        //Filter the file types , if you want.
        if ($_FILES["myfile"]["error"] > 0)
        {
            echo "Error: " . $_FILES["file"]["error"] . "<br>";
        }
        else
        {
           foreach($_FILES["myfile"] as $file)
        {
            move_uploaded_file($file["tmp_name"],$output_dir. $_FILES["myfile"]["name"]); 
        }
            echo "Uploaded File :".$_FILES["myfile"]["name"];
        }

    }
?>

フォルダー内の最初のファイルをサーバーにアップロードするだけです。すべてのファイルとサブフォルダーを含む完全なフォルダーをサーバーにアップロードしたい。