Javascript - 上传文件内容类型验证

Question

如何在使用 JavaScript 上传文件之前验证文件的内容类型？ 我不是在询问扩展程序验证。我想验证 pdf、纯文本和 MS word 文件。

我正在使用 django forms.ModelForm 将文件上传小部件传递给 html。我无法在服务器端实现这一点。这是那个问题，

Django - Uploaded file type validation

Answer 1

也许可以，但它不会为您提供任何形式的安全保护，因为攻击者可以使用其他方式上传文件，从而绕过您的验证。

要使用扩展名检查文件类型(这是非常不安全的，因为它很容易操纵它)，您可以使用 JavaScript。看到这个问题:How do I Validate the File Type of a File Upload?

[编辑]经过一些googling ，我发现 input 元素有一个属性 accept，它接受一个 mime 类型模式列表。不幸的是，大多数浏览器会忽略它(或仅使用它来调整文件选择对话框)。看到这个问题:File input 'accept' attribute - is it useful?

[EDIT 2] 现在，似乎文件 API(请参阅“Using files from web applications”)是您真正不想使用文件扩展名的唯一方法。每个 File 实例都有一个包含 MIME 类型的 type 属性。

但此 API 仍在开发中，因此并非随处可用。并且不能保证您将获得 MIME 类型(该属性可以是 "")。

所以我建议采用这种方法:试试文件 API。如果它不可用或 type 属性为空，请使用文件扩展名。