小编典典

HTML Input="file" 接受属性文件类型 (CSV)

all

我的页面上有一个文件上传对象:

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

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

  1. 文件1.xlsx
  2. 文件 1.xls
  3. 文件.csv

我希望文件上传 _ _ 显示.xlsx, .xls, &.csv文件。

使用该accept属性,我发现这些内容类型负责.xlsx&.xls扩展…

accept= 应用程序/vnd.openxmlformats-officedocument.spreadsheetml.sheet (.XLSX)

accept= 应用程序/vnd.ms-excel (.XLS)

但是,我找不到 Excel CSV 文件的正确内容类型!有什么建议?

示例:http: //jsfiddle.net/LzLcZ/


阅读 161

收藏
2022-03-04

共1个答案

小编典典

嗯,这很尴尬......我找到了我正在寻找的解决方案,而且再简单不过了。我使用以下代码来获得所需的结果。

<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/*" />

对于 HTML 文件 (.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
  • application/csv
  • text/comma-separated-values仅适用于 Opera )。

如果您尝试显示 特定的文件类型 (例如, aWAVPDF),那么这几乎总是可以工作…

 <input type="file" accept=".FILETYPE" />
2022-03-04