使用FileReader javascript检查图像mime类型，然后再上传

Question

我想知道在上传之前是否可以检查文件mime类型？ 上传该文件后，我已经知道如何在服务器端执行此操作，但在上传文件之前如何在客户端执行此操作？

索引代码：

<form action="/" method="post" enctype="multipart/form-data" id="form">
  <input id="image" type="file" />
  <input type="submit" value="Submit" id="submit" />
</form>

我想要的是：  用户上传图像后，请在客户端检查其mime类型。它应该是jpg，jpeg或png。

注意：我不想检查其扩展名，这非常简单。我想查看它的mime类型。例如，如果某人将txt.txt重命名为txt.png，则应该给出错误。

提前致谢。

如果你可以帮助我，那会更好：  我想在客户端上检查mime类型的原因是我想在选择后立即预览该图像，如果用户选择非图像文件，它将预览一个丑陋的照片图标。我想防止这种情况。例如，如果某人选择非图像文件，只需显示您选择的文件不是图像。 因此，如果您可以告诉我如何检查图像是否可以显示。

Answer 1

试试这个。

document.getElementById('fileChooserID').files[0].type