<form method='POST' enctype="multipart/form-data">
<input type="file" id="file_input" name="file_field" webkitdirectory directory/>
<input type="text" id="directories" name="directories" hidden />
<input type="submit"/>
</form>
<script>
files = document.querySelector("#file_input").files;
document.querySelector("#file_input").addEventListener("change", function() {
files = document.querySelector("#file_input").files;
var directories = {}
for (var file of files) {
file.webkitRelativePath
directories[
file.name] = file.webkitRelativePath
}
directories = JSON.stringify(directories);
document.querySelector("#directories").value = directories
});
</script>