HTML5 - 限制文件上传答案

【问题标题】：HTML5 - Restrict file uploadHTML5 - 限制文件上传
【发布时间】：2016-01-20 18:25:07
【问题描述】：

<input type="file" accept=".csv" />

以上代码还允许上传 .txt 或任何类型的文件。

html5中如何限制其他文件类型？

【问题讨论】：

【解决方案1】：

如果用户选择允许选择的其他文件，您不能在 html5 文件输入中限制其他文件类型。属性“接受”只是向用户提示支持的文件类型。

【讨论】：

【解决方案2】：

使用输入属性，您可以指定要上传的任何文件扩展名。要添加多个属性，请用逗号分隔它们：

<input type="file" accept=".txt,.jpg">

您还可以设置预定义的扩展系列以供上传。只需使用audio/*、video/* 或image/* 分别选择这些文件类型。这些也可以与常规文件扩展名结合使用。例如

<input type="file" accept="image/*,.psd">

这让您可以上传图像或 Photoshop 文件。

我希望这会有所帮助！

【讨论】：

您仍然可以上传任何类型的文件。
@Nitul 是的，但选择对话框默认为这些文件类型。文件的检查和限制应该在客户端（例如 JavaScript）完成，而不是通过 HTML 标签。此属性仅有助于减少上传的错误文件类型的数量。
服务器端检查也很重要，因为恶意用户可以通过自定义 HTTP 请求绕过客户端检查

【解决方案3】：

试试这个

<input id="fileSelect" type="file" accept=".csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel" />

【讨论】：