jQuery-File-Upload plugin - can't drop folder

Question

I'm trying to implement jQuery-File-Upload - I have it working when I drag & drop files from explorer into my browser. But I also want to be able to drag and drop a folder.

When I drop files onto the browser, the files are in the data.files param in the fileuploaddrop(e, data) event handler. But when I drop a folder, the files array is empty.

var dropZone = $('#fileUploadDiv').fileupload({
    dropZone : $('.dropZone'),
    drop : function(e, data) {
      $.each(data.files, function(index, file) {
        console.log('Dropped file: ' + file.name);
      });
    }
}).

Is this not supported by the plugin, or is there a mystery setting I'm missing somewhere ?

Community · Accepted Answer · 2017-05-23 12:22:06Z

5

The uploader uses HTML5 capabilities, which don't allow dropping folders. Read more here: Does HTML5 allow drag-drop upload of folders or a folder tree?

edited May 23, 2017 at 12:22

CommunityBot

11 silver badge

answered May 1, 2012 at 15:16

jeremyharris

7,88224 silver badges31 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Karthik Kamalakannan · Accepted Answer · 2015-04-06 13:26:34Z

2

Drag/Drop and input Directory upload now available with chrome 21

you can get directory upload using webkitdirectory

<input type='file' webkitdirectory>

Here is a complete code for uploading folders.

https://protonet.info/en/blog/html5-experiment-drag-drop-of-folders/

edited Apr 6, 2015 at 13:26

Karthik Kamalakannan

7701 gold badge11 silver badges31 bronze badges

answered Jul 24, 2012 at 13:21

kongaraju

9,66511 gold badges59 silver badges79 bronze badges

1 Comment

bradvido Over a year ago

This seems to limit to only directories. Is there any way to select both files and directories?

Collectives™ on Stack Overflow

jQuery-File-Upload plugin - can't drop folder

2 Answers 2

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related