我有一个文件上传对象在我的页面上:
<input type="file" ID="fileSelect" />
在我的桌面上有以下excel文件:
file1.xlsx file1.xls file.csv
我想上传的文件只显示.xlsx， .xls， & .csv文件。
使用accept属性，我发现这些内容类型负责.xlsx和.xls扩展…
接受应用程序/ vnd.openxmlformats-officedocument.spreadsheetml =。表(.XLSX) 接受=应用程序/盾。ms excel (xls)
但是，我找不到Excel CSV文件的正确内容类型!有什么建议吗?
例如:http://jsfiddle.net/LzLcZ/
当前回答
我在accept属性中使用了文本/逗号分隔的CSV mime-type值，它在Opera中工作得很好。尝试了text/csv，但运气不好。
如果建议的不工作，其他一些mime类型用于CSV:
文本/逗号分隔值 文本/ csv 应用程序/ csv 应用程序/ excel 应用程序/ vnd.ms-excel 应用程序/ vnd.msexcel 文本/ anytext
来源:http://filext.com/file-extension/CSV
其他回答
现在你可以使用新的html5输入验证属性pattern=".+\.(xlsx|xls|csv)"。
你可以知道任何文件的正确内容类型，只需执行以下操作:
1)选择感兴趣的文件，
2)在控制台运行:
console.log($('.file-input')[0].files[0].type);
你也可以为你的输入设置属性“multiple”，一次检查几个文件的内容类型，然后执行下面的操作:
for (var i = 0; i < $('.file-input')[0].files.length; i++){
console.log($('.file-input')[0].files[i].type);
}
Attribute accept对于多个属性有一些问题，在这种情况下不能正确工作。
经过我的测试，在【macOS 10.15.7 Catalina】上，【Dom / Rikin Patel】的答案无法正常识别[.xlsx]文件。
我个人总结了大部分现有答案的做法，并通过了个人测试。总结以下答案:
Accept =".csv， .xls， .xlsx, text/csv, application/csv， " 文本/逗号分隔值，应用程序/csv，应用程序/excel， 应用程序/盾。mssexcel，文本/任何文本，应用程序/vnd。ms excel, 应用程序/ vnd.openxmlformats-officedocument.spreadsheetml.sheet”
我在accept属性中使用了文本/逗号分隔的CSV mime-type值，它在Opera中工作得很好。尝试了text/csv，但运气不好。
如果建议的不工作，其他一些mime类型用于CSV:
文本/逗号分隔值 文本/ csv 应用程序/ csv 应用程序/ excel 应用程序/ vnd.ms-excel 应用程序/ vnd.msexcel 文本/ anytext
来源:http://filext.com/file-extension/CSV
现在你可以只使用文件扩展名
<input type="file" ID="fileSelect" accept=".xlsx, .xls, .csv"/>
