html5文件输入始终接受“未知”文件类型

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

很遗憾，这是操作系统行为，不在浏览器范围内。 <a href='#boxChild'>Scroll to element</a> <div class='box'> <div id='boxChild'></div> </div>属性主要是为了易于在前端使用，而不是真正的验证。我建议使用JavaScript或服务器端验证，以确保所选文件是所需的正确的MIME类型。