Page 1 of 1

Drag and Drop makes multiple copies

Posted: Tue Jul 23, 2013 4:34 pm
by Chris

We have a table with several fields for images, but using drag and drop for images makes duplicates across all file fields. If they are individually selected with the Browse function it works OK, not with drag and drop.


Re: Drag and Drop makes multiple copies

Posted: Tue Jul 23, 2013 5:29 pm
by Webmaster

jQuery File Upload uses $(document) as default drop zone, so if you drag a file to the document, all fields will react. To distinguish, you can assign different drop zone to each field, e.g.

$("input[name=x_YourField1]").fileupload({ dropZone: $("#YourDropZone1") });
...

or you can set the drop zone as null to disable it, e.g.

$("input:file").fileupload({ dropZone: null });


Re: Drag and Drop makes multiple copies

Posted: Tue Jul 23, 2013 5:48 pm
by Chris

OK, so there should be a way to get each file input to have a dropZone linked to its parent div or row, that way it will work across all pages.