Suggestion: support a directory selection in Open File dialog about ngx-dropzone HOT 4 CLOSED

Hi @alexandis,

to allow directory selection in the open file dialog, just add the webkitdirectory attribute to your <input type="file" /> element. Hope this helps.

from ngx-dropzone.

When I use this attribute - there is a system message, offering me to upload files somewhere (when I agree - nothing happens). It is not an expected behavior for me, saying honestly. What I would like to have instead - selecting folder acted in the same way as if I just "drag-n-drop"-ed this folder, so the same handler invoked which I now assigned to drop event... I've tried to assign handler to submit, supposing "Upload" would invoke it - but it was not invoked. event.target.files in change event returns 0 elements too. Don't have idea what's going on. Probably I just need to give up the idea of using webkitdirectory...

from ngx-dropzone.

Hi @alexandis,

when using the webkitdirectory attribute, the native open file dialog is instructed to allow only folder selection which works fine if the browser supports it. In this case, the (change) event of the <input type="file" /> element is invoked and returns a flat file list with the webkitRelativePath property set on each item.
Using the same handler for both selecting and dropping is not possible because they behave totally different.

Please try dropping a folder and selecting one from the system dialog with a minimal example, starting from

...
<input type="file" fileInput webkitdirectory multiple />
...

If you have any further issues, provide some code examples please.

from ngx-dropzone.

I've tried webkitdirectory again with ngModelChange - at least it process ALL the files, even if there are thousands of them. But - this standard dialog does not allow me selecting several folders... :( so it is not so flexible as drag-n-drop, unfortunately.
Anyway, I think I can close the original bug, because - with specific limitations - the directory selection DOES work. Thank you for your suggestions and advices.

from ngx-dropzone.