在输入文件中获取 zip 文件的文件类型

Question

我正在尝试在 input[type=file] 更改事件中捕获文件：

这是我的 HTML：

<input type="file" id="file-upload" name="file-upload">

这是我的 JavaScript（使用 jQuery）：

$('#file-upload').bind("change", function(e){
    var file = (e.srcElement || e.target).files[0];
    console.log(e);
}

它适用于图像、txt、doc、docx、xlsx 等等等，但不适用于 zip 文件。 当我尝试使用 zip 文件时，var 文件包含一个空的类型属性。

你知道为什么以及如何得到它吗？

编辑 1 我在 Windows 7 中使用 Chrome 浏览器。我的文件使用 7zip 压缩。

编辑 2 这是我得到的：

Answer 1

您的代码有效。

我试过 enapupe 的小提琴，它可以工作 http://jsfiddle.net/rvd6T/

$('#file-upload').bind("change", function(e){
var file = (e.srcElement || e.target).files[0];
console.log(file);
console.log(e);
});

我的控制台日志

---

您应该知道类型会有所不同。

有时会是 type: "application/x-zip-compressed" 或 "application/zip"

您很可能应该只基于 文件名 而不是， *.zip（以 zip 结尾且不区分大小写）

但如果它实际上是一个 ZIP 文件并且可解压缩，仍然必须在服务器端检查它