Как реализовать капельницу для папок в приложении React/Electron и обрабатывает содержание папки? ⇐ Javascript

[Anonymous]

Есть ли способ в приложениях на основе электронов, чтобы позволить пользователю бросить папку на реагирующий компонент и обрабатывать событие Drop, чтобы основной процесс мог полностью получить к нему доступ и повторно сканировать содержимое папки? OnDragover .
[*] Событие Drop Comples, и я могу увидеть Event.datatransfer.files , но путь (

Код: Выделить всё

webkitRelativePath

) для папок отбрасывается также для файлов.

const folderDropped = async (event: React.DragEvent) => {
event.preventDefault();

// If a folder or file has been dragged
if (event.dataTransfer.files.length > 0) {
const filePath = event.dataTransfer.files[0].path;
console.log("Drop event:", event.dataTransfer.files);
console.log("Dropped file path:", filePath);

// Call the IPC handler: readDroppedFile
const result = await window.api.readDroppedFile(filePath, browserWindowId);
console.log("readDroppedFile result:", result);

/* Further Process:
After the api call, the object is checked if its a folder and that it contains files
of a specific type (for example, only PNG files). Once confirmed, the main process will scan through all the
files within the folder recursively.
*/
}
};
< /code>
Visual Studio Code, который также построен с помощью электрона, может принять отбрасываемые файлы и папки у исследователя, так что это также возможно для моего приложения. /> Windows 11 < /li>
< /ul>

Подробнее здесь: https://stackoverflow.com/questions/794 ... rocess-the