输入接受属性

时间:2015-09-04 06:53:32

标签: html

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

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

当选项上只显示一种类型的文件时,效果很好。

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

但它会显示&#39;自定义文件&#39;当它有多个选项时。如下图所示。

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

enter image description here

有没有办法在文件类型下拉菜单中显示多个选项(1row for PDF,1row for image,1row for Excel等)?而不是显示&#39;自定义文件&#39;?

1 个答案:

答案 0 :(得分:9)

嗨,我已经尝试了这个并且工作了

  

问题是您在 .csv,.pdf 之间给出的空间   正如我想的那样

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

这是您更新的小提琴作品

DEMO code working