Question

I’ve set up a drag and drop file upload script in JS (AJAX POST) and I’m having difficulties filtering folders in Safari – Version 5.0.3 (6533.19.4).

Whenever I drop multiple files/folders into the browser, Chrome will filter out the folders, and Firefox will return 0 for .size so it’s trivial to protect against those cases.
Safari, however, will return a 68 byte file (the size of the folder).

Is there any way to test whether this File (item in FileList) is a folder?
Can’t seem to find anything in the File/Blob API that tests for this condition (no point in trying .type, since it returns nothing for unknown files as well as folders…)

A bit more info:

Basically what happens is that the AJAX request has an empty body. I’m uploading with FormData:

var file = ...; // the dropped file
var formData = new FormData();
formData.append("file", file);
var xhr = new XMLHttpRequest();
...
xhr.send(formData);

Answer 1

Why not just check for oldschool file-suffix? Should work on most cases where “file.suf” is a file and “file” is a folder…