Hey everyone, I was wondering if someone here has some experience/idea about how to upload entire folders into an Elm app. As far as I know, this option is not supported nowhere in the File package. It is possible to upload folders with HTML input element, but they get stored somewhere in the DOM i…

It looks like you’d need to use HTMLInputElement.webkitdirectory - Web APIs | MDN and it’s associated property for retrieving the file list. Would likely be easiest to make a tiny custom element that relays the entries as an event. Word of caution though, this doesn’t work with all browsers.

I’ll definitely try something alongs these lines, thank you both for your help :slight_smile:

Here’s a chunk of code I use for dropping files and whole folders. Javascript part that scans the folder has to deal with large folders as browsers apparently handle only 100 files at a time. Code also ignores 0-length files. var activeAsyncCalls = 0 var filesRemaining = 0 function scanDirectory(…

I appreciate the detailed response. I’m wondering if it’s possible to obtain information about the folder structure (the entire hierarchy of the directory) with an Elm only approach, without resorting to ports. I know that the relative path is stored in webkitRelativePath attribute inside each file,…

It’s more robust to recursively read your directory structure with the directoryReader and construct your paths from directory names then bother with reading and parsing the path off the file object. To read the directory structure you have to scan with directoryReader and distinguish between folde…

Working with folders

Learn

hrnxm November 24, 2021, 7:10am 3

As wolfadex said, your best bet is to read it as a list of files. Here is a very very rough example of what we’re doing.

Topic		Replies	Views
Drag and Drop of Directories Show and Tell	1	253	October 14, 2024
How can one upload files using Elm? (digging the old grave) Learn	13	511	November 9, 2024
How can one upload files using Elm? Learn	15	5967	August 23, 2018
New package alternative/complementary to elm/file Show and Tell	0	594	March 20, 2021
Sending a File through a port Learn	18	2880	April 18, 2019

Working with folders

Related topics