html5 文件输入始终接受 "unknown"文件类型

Question

我正在编写要求用户选择 csv 文件的网络应用程序。但是，由于要求用户拥有多个后缀的文件，因此通常会有多个名称相似的文件，而其中只有一个是 .csv。问题是 accept=".csv" 只能部分工作 - 它允许用户按 csv 过滤，但默认情况下不会按 unknown 文件类型过滤

<fieldset name="inputForm">
  <legend>Input</legend>

  <label>Input file:</label>
  <input name="inputFile" type="file" accept=".csv">
</fieldset>

我也试过 accept="text/csv, .csv" 但它没有改变任何东西。

结果:

用户可能会不小心选择了 .txt 文件或 .png 之一，这会由于格式错误的输入文件而导致应用程序故障。用户可以选择仅按 CSV 过滤或仅按“未知”过滤，但我更喜欢仅将 CSV 作为默认过滤器，因为很明显没有人会切换文件过滤选项，所以实际上它是无用的...

Answer 1

不幸的是，这是操作系统行为，不在浏览器的范围内。 accept 属性主要是为了前端方便使用，并不是真正的验证。我建议使用 JavaScript 或服务器端验证来确保所选文件是所需的正确 MIME 类型。