javascript - 检查 HTML5 拖放文件类型

Question

我想将拖放区背景颜色更改为绿色或红色，具体取决于有效负载上包含的拖动是否包含受支持的文件类型 (JPEG)。

• Gecko和Webkit是否支持判断拖放文件的文件类型？

• 如何在这两种浏览器中提取文件类型？

我找到了 event.dataTransfer.types API，但对于 Firefox，它似乎填充了 application/x-moz-file，因此我认为我做错了什么。

Answer 1

您可以使用文件对象获取 Gecko 和 webkit 支持的浏览器中的文件类型。

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

文件对象返回名称、类型和大小。您也可以获得最后修改日期。

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