Checking HTML5 drag and drop file type

Question

I\'d like to change drop zone background color to green or red depending on whether the contained drag over payload contains supported file types (JPEG).

• Do Ge

Answer 1

You can get the file types in Gecko and webkit supported browsers using file object.

var files =e.dataTransfer.files||e.target.files; // File list

The file object returns Name,Type and size. you can get last modified date too.

var mimeType= files[0].type; //mime type of file list first entry