超文本标记语言输入="file"接受属性文件类型（CSV）

Question

我的页面上有一个文件上载对象：

<input type="file" ID="fileSelect" />

在我的桌面上使用以下excel文件：

1. file1.xlsx

我希望文件上载仅显示.xlsx，.xls，

使用accept属性，我发现这些内容类型处理了.xlsx

接受=应用/vnd.openxmlformats-officedocument.spreadsheetml.sheet（.XLSX）

接受=应用程序/vnd.ms-excel（。XLS）

但是，我找不到Excel CSV文件的正确内容类型！有什么建议吗？

例子：http://jsfiddle.net/LzLcZ/

Answer 1

Dom这个属性是非常古老的，不接受在现代浏览器，据我所知，但这里是一个替代它，试试这个

<script type="text/javascript" language="javascript">
function checkfile(sender) {
    var validExts = new Array(".xlsx", ".xls", ".csv");
    var fileExt = sender.value;
    fileExt = fileExt.substring(fileExt.lastIndexOf('.'));
    if (validExts.indexOf(fileExt) < 0) {
      alert("Invalid file selected, valid files are of " +
               validExts.toString() + " types.");
      return false;
    }
    else return true;
}
</script>

<input type="file" id="file" onchange="checkfile(this);" />

我想这会对你有帮助的。当然，你可以根据需要修改这个脚本。

Answer 2

这些天你可以只使用文件扩展名

<input type="file" ID="fileSelect" accept=".xlsx, .xls, .csv"/>

Answer 3

这太尴尬了。。。我找到了我正在寻找的解决方案，它再简单不过了。我使用以下代码来获得所需的结果。

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

对于CSV文件（.CSV），请使用：

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

对于Excel文件97-2003（.xls），请使用：

<input type="file" accept="application/vnd.ms-excel" />

对于Excel文件2007（.xlsx），请使用：

<input type="file" accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" />

对于文本文件（. txt）使用：

<input type="file" accept="text/plain" />

对于图像文件（. png/. jpg/etc），使用：

<input type="file" accept="image/*" />

对于超文本标记语言文件（. htm，. html），使用：

<input type="file" accept="text/html" />

对于视频文件（. avi，. mpg，. mpeg，. mp4），请使用：

<input type="file" accept="video/*" />

对于音频文件（.mp3、.wav等），请使用：

<input type="file" accept="audio/*" />

对于PDF文件，请使用：

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

演示：
http://jsfiddle.net/dirtyd77/LzLcZ/144/

注:

如果试图显示Excel CSV文件（.CSV），请不要使用：

• text/csv
• 应用程序/csv
• 文本/逗号分隔值（仅适用于Opera）

如果您试图显示特定的文件类型（例如，WAV或PDF），那么这几乎总是有效的...

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