在输入接受属性中上传文件时的多个文件选项答案

【问题标题】：Multiple File Options When Upload File in Input Accept Attribute在输入接受属性中上传文件时的多个文件选项
【发布时间】：2015-09-04 15:43:00
【问题描述】：

我想在上传文件时显示多个文件类型选项。

我指的是：http://jsfiddle.net/dirtyd77/LzLcZ/144/。

It works great when only one type of file is appear on the option.

<p>Only show Excel (.xlsx) files...</p>
<input type="file" accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" ID="fileSelect" runat="server" />

但是当它有多个选项时会显示“自定义文件”。如下图所示。

<p>Show .xls, .xlsx, .csv files...</p>
<input type="file" accept=".csv, .pdf" ID="fileSelect" runat="server" />

有没有办法在文件类型下拉菜单中显示多个选项（PDF 为 1 行，图像为 1 行，Excel 为 1 行等）？而不是显示“自定义文件”？

【问题讨论】：

您的代码是第一个还是第二个/..？而且我认为您需要更改您的接受属性的标准，因为您在 html 中编写代码时它正在工作，所以您需要什么.??或者是什么问题。？
好的，你想把所有东西都作为一个上传，但想在文件格式上挑剔

标签： html

【解决方案1】：

你好，我试过这个并且工作正常

问题是您在 .csv、.pdf 之间给出的空间和我想的一样

<p>MY CUSTOM ONE</p>
<input type="file" accept="image/*,video/*,.pdf,.csv" ID="fileSelect" runat="server" />

这是你更新的小提琴作品

DEMO code working

【讨论】：

@hahahaha 查看答案
它适用于 Firefox，但不适用于 Chrome……Chrome 仍然显示“自定义文件”。