Bug 37957 - file API doesn't support multiple files
: file API doesn't support multiple files
: WebKit
WebCore JavaScript
: 528+ (Nightly build)
: PC Windows XP
: P2 Normal
Assigned To:
: http://www.thecssninja.com/demo/gmail...
  Show dependency treegraph
Reported: 2010-04-21 15:31 PST by
Modified: 2011-01-23 00:29 PST (History)



You need to log in before you can comment on or make changes to this bug.

Description From 2010-04-21 15:31:41 PST
This issue with multiple files with the file API and drag and drop is described here:

"Dropping multiple files will populate the files array in the file input, but selecting say 3 files and dragging them into Safari will register 3 files have been dragged but if you iterate over the files array those 3 files will all be the same file...

"To explain it better let’s say you have 3 files each one called a.jpg, b.jpg and c.jpg selecting those 3 files and then clicking and dragging on the b.jpg file will add 3 files to the input. The file you did the drag operation on will be added 3 times to the input and it will ignore the other files, iterating over the files array will have b.jpg 3 times?!"

This can be used as a demo page:
------- Comment #1 From 2010-10-15 02:57:16 PST -------
It seems to support multiple files in the sense that it can read out the information about them (which can be seen at http://robertnyman.com/html5/fileapi/fileapi.html). At a first look, it rather looks like the problem is that there's no support for FileReader.
------- Comment #2 From 2010-10-17 15:41:17 PST -------
That's my demo, safari doesn't support FileReader, yet. This bug isn't to do with the File API either. Dragging multiple files onto a file input in Safari will only reference the file dragged. The count will be correct if I drag 5 files but those 5 files will be all the same.
------- Comment #3 From 2010-10-18 00:42:55 PST -------
Right, but in my demo that I provided, when you drag multiple files into the file input in Safari, it doesn't seem to reference just he same file, but can read out name, size etc for each respective file that was dragged.

For uploading, though, I haven't tested it.
------- Comment #4 From 2010-10-18 15:21:58 PST -------
Safari 5 on windows will not work correctly when dragging multiple files into a file input. I recorded a quick screencast showing what happens http://screenr.com/c1D 

When I drag multiple files it will get the count of the files right but the file actually dragged with the cursor will be the file to have it's information repeated nth times.
------- Comment #5 From 2010-10-19 00:50:02 PST -------
Ah, I see - have only tested on Mac OS X.
------- Comment #6 From 2011-01-23 00:29:46 PST -------
Any update on this? 

As stated it seems to affect only Windows version of Safari, which makes whole "put-file-input-in-front-of-dragged-file-to-fake-real-drag-and-drop" trick pointless, as Safari on Mac seems to support this feature without any tricks (not sure since when though).