当前位置: 首页 > 知识库问答 >
问题:

HTML input=“File”接受属性文件类型(CSV)

刘和正
2023-03-14

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

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

我的桌面上有以下excel文件:

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

我希望文件上载仅显示.xlsx.xls、&.csv文件。

使用accept属性,我发现这些内容类型处理了.xlsx.xls扩展...

接受=application/vnd.openxmlformats-officeDocument.spreadsheetml.sheet(.xlsx)

接受=application/vnd.ms-excel(.xls)

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

示例:http://jsfidle.net/lzlcz/

共有2个答案

梁丘洲
2023-03-14

现在你可以只使用文件扩展名

<input type="file" ID="fileSelect" accept=".xlsx, .xls, .csv"/>
仲学真
2023-03-14

这太尴尬了...我找到了我一直在寻找的解决方案,再简单不过了。我使用了下面的代码来获得所需的结果。

<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 Files 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://jsfidle.net/dirtyd77/lzlcz/144/

注:

如果您试图显示Excel CSV文件(.CSV),请不要使用:

  • 文本/csv
  • 应用程序/CSV
  • 文本/逗号分隔值(仅适用于Opera)。

如果您试图显示特定的文件类型(例如,WAVPDF),那么这几乎总是有效的...

 <input type="file" accept=".FILETYPE" />
 类似资料:
  • 问题内容: 我的页面上有一个文件上传对象: 在我的桌面上使用以下excel文件: file1.xlsx file1.xls file.csv 我要上传文件到 ONLY 显示,,和文件。 使用属性,我发现这些内容类型负责&扩展… = application / vnd.openxmlformats- officedocument.spreadsheetml.sheet(.XLSX) = applic

  • 我的页面上有一个文件上载对象: 在我的桌面上使用以下excel文件: file1.xlsx 我希望文件上载仅显示,, 使用属性,我发现这些内容类型处理了 =应用/vnd.openxmlformats-officedocument.spreadsheetml.sheet(.XLSX) =应用程序/vnd.ms-excel(。XLS) 但是,我找不到Excel CSV文件的正确内容类型!有什么建议吗?

  • 有人知道如何接受在Edge工作吗? 在Chrome 44,Firefox 39,IE 11,Opera 31中运行良好。

  • 您好,我正在建立一个动物园微服务,包括动物、员工、客户和价格表。我的动物微服务可以工作,但在我的员工微服务中,我遇到了一个错误,即没有为类型“EmployeeModel”找到属性“name”。在问这个问题之前,我已经在网上搜索了几个小时,还有一些类似的问题。我在模型中没有“名字”employee_name,我只是感到困惑,不知道如何修复它。任何指导/建议/信息将不胜感激:)第一次发布,所以我希望我

  • npm包允许我们在TypeScript应用程序中使用反应。我们将组件定义为 在这里,我们必须声明组件道具和状态的类型(在类型变量中)。 在我们声明了这些类型之后,TypeScript使用这些类型来验证组件的使用(传递给它的道具的形状)。 我想围绕这样一个组件创建一个容器。容器将重用组件的道具。但是为了用相同的道具创建另一个组件,我必须重新声明道具的类型。或者从原始零部件文件中导出它们并导入到容器中

  • 是否有方法更改在〈代码〉*中定义的接口属性的类型。d、 在typescript中? 例如:中的接口定义为 我想在我写入的typescript文件中更改它 甚至这样也行 这种方法有效吗?当我尝试我的系统时,它没有工作。只是想确认一下这是否可能?