js, jquery загрузка папки на сервер php

Как с помощью drag'n'drop отправить папку на сервер через ajax post запрос? У меня получается отправлять файлы и .zip архивы, но когда перетаскиваю папку выходит ошибка в консоли "net::ERR_ACCESS_DENIED".

По идее хотелось бы сделать как в гугл диске, перетаскиваешь папку, она загружается.

Пробовал с помощью JSZip создавать zip архив и отправлять его на сервер, но не получилось, выходила в консоли ошибка "DOMException: A requested file or directory could not be found at the time an operation was processed.".

Код:

function UploadFiles(e){
    console.log("Dropped");
    
     $fd = new FormData();
     var size = 0;
     $.each(e.originalEvent.dataTransfer.files,function(index){
        var entry = e.originalEvent.dataTransfer.items[index].webkitGetAsEntry();
        if (entry.isFile) {
            console.log("Is File");
            
        } else if (entry.isDirectory) {
            console.log("Is Folder");

        }
         $fd.append("file",e.originalEvent.dataTransfer.files[index]);
         size +=e.originalEvent.dataTransfer.files[index].size;
         
     });
     
      uploadProcess = $.ajax({ 
            url: "scripts/php/pph.php", 
            contentType: false,
            processData : false,
            cache       : false,
            method: "POST", 
            data: $fd,
            xhr: function() {
                var myXhr = $.ajaxSettings.xhr();
                if(myXhr.upload){
                    myXhr.upload.addEventListener('progress',progress, false);
                }
                return myXhr;
            },
            success: function(data) {
                console.log("Success");
                console.log(data);
            },
        });
}