Select Folder Path

by RaviMakwana

HTML

<h1>Select a Folder</h1>
    <input type="file" id="folderInput" webkitdirectory directory multiple>

JavaScript

const folderInput = document.getElementById('folderInput');
        
        folderInput.addEventListener('change', async (event) => {
            const selectedFolder = event.target.files[0];
            if (selectedFolder) {
                try {
                    const folderHandle = await window.showDirectoryPicker();
                    const folderPath = folderHandle.name;
                    alert(`Selected Folder Path: ${folderPath}`);
                } catch (error) {
                    console.error(error);
                }
            }
        });