.rar 和 .tar 缺少 Mime 类型

Question

Javascript（Windows 8.1、Firefox）似乎没有 .tar 文件或 .rar 文件的 mime 类型（也许还有其他文件；这是我发现的仅有的两个）。那是怎么回事？有什么我可以用来解决这个问题的吗？我真的希望能够检索这些文件类型的 mime 类型，而无需进行一些奇怪的扩展黑客攻击。

我做了一个小提琴来证明这个问题：http://jsfiddle.net/kungfujoe/jd8h7wvs/

如果您浏览到 .txt、.docx 或许多其他格式，则类型被成功提取。但是，.tar 和 .rar 都不会拉取它们。奇怪，对吧？

（下面的JSFiddle代码）

HTML

<input id='button' type='file' name='file'/>
<div id='out'>Output Goes Here</div>

Javascript（使用 JQuery 2.1.0）

$('#button').unbind('change');
$('#button').bind('change', function () {
    if(this.files[0] !== undefined && this.files[0] !== null) {
        document.getElementById("out").innerHTML = "Type is " + this.files[0].type.toString();        
    } else {
        throw "Error"
    }
});

谢谢

编辑

1) 更新问题以反映已在 Windows 8.1 Firefox 上观察到该问题。 Chrome 有 tar 文件的 mime 类型，但没有 rar 文件。

2) 将 jQuery 添加到 Fiddle

Answer 1

JQuery 只是包装了大多数浏览器中使用的底层 File API，因此 JQuery 和 Javascript 处理文件和 mime 类型的方式没有区别。这是文件 API 规范：

http://www.w3.org/TR/FileAPI/#dfn-type

您正在操作的File 对象从Blob 对象继承type 属性，并且浏览器使用blob（字节数组）来确定mime 类型。

为了完成这个任务，每个浏览器都实现了一个文件嗅探算法来“读取”字节数组中的 mime 类型，如果 mime 类型不匹配，它将返回一个空字符串，就像上面的场景一样。

这是完整的算法规范：

https://mimesniff.spec.whatwg.org/

所以现在您想知道为什么它不适用于 TAR、ZIP 和 RAR 文件，为什么它适用于某些人而不适用于您？...因为文件嗅探算法显然并不完美。

它使用字节模式匹配，这似乎不够可靠。

例如，我在我的 windows 8 机器上使用 WinRaR 压缩文件，创建文件的初始字节为：

52 61 72 21 1A 07 00

但是，浏览器字节模式匹配算法需要将其识别为 .RAR

52 61 72 20 1A 07 00

如您所见，存在细微差别，当我使用上面的代码将我的 RAR 文件上传到浏览器时，Firefox 无法识别 Mime-Type，并且我在 type 属性中得到一个空字符串。

但是，当我使用 WinRar 在同一台机器上使用默认设置打包 ZIP 文件时，它会生成一个初始字节数组序列 50 4B 03 04，它与算法预期的 zip 字节模式相匹配，并且当我使用上面的代码时它能够正确检测 mime 类型为 application/zip！

所以正如你从我的解释中看到的，这是一个序列化问题，以及将序列化字节与浏览器中的 mime 扩展匹配的算法的“不完美”。

基于上述所有内容，我建议不要依赖 mime 嗅探，而是使用您的自定义代码来确定 mime 类型或现有库。您可以使用服务器端或客户端方法。

如果你想坚持客户端，可以使用以下 JS 库：

https://github.com/rsdoiel/mimetype-js

然后发现 mime 类型只需要一行代码：

mimetype.lookup("myfile.rar")

这是一个有效的 Fiddle，将您的示例升级为使用 mimetype js：

http://jsfiddle.net/jd8h7wvs/4/