HTML 中 Input=“file” 所能接受的属性文件类型?支持CSV吗?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (9)
  • 关注 (0)
  • 查看 (179)

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

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

使用桌面上的下列excel文件:

  1. file1.xlsx
  2. file1.xls
  3. file.csv

我要把文件上传到ONLY 显示出.xlsx.xls,和.csv文件。

使用accept属性时,我发现这些内容类型已经得到了处理。.xlsx安永.xls扩展..。

accept=application/vnd.openxmlForms-office edocument.preadsheetml.table(。(Xlsx)accept=application/vnd.ms-excel(。(XLS)

然而,我无法找到正确的内容类型的Excel CSV文件!有什么建议吗?

例子:http://jsfiddle.net/lzLcZ/

提问于
用户回答回答于

我使用了下面的代码来获得所需的结果。

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

有效接受类型:

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/等),使用:

<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, etc),,使用:

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

PDF文件,使用:

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

演示:

http://jsfiddle.net/dirtyd 77/lzLcZ/144/

注:

如果您试图显示ExcelCSV文件(.csv),做用途:

  • text/csv
  • application/csv
  • text/comma-separated-values(二)只在歌剧中工作)。

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

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

热门问答

腾讯云GPU服务器不能联外网吗?

小爱同学

腾讯云 · 技术支持 (已认证)

推荐
腾讯云GPU服务器可连外网,GPU 云服务器提供和标准CVM 云服务器一致的方便快捷的管理方式。 图片.png GPU云服务器作为CVM云服务器的一类特殊实例,购买、 操作、维护等方式与CVM云服务器一致 图片.png GPU 云服务器(GPU Cloud Computin...... 展开详请

win服务器怎么给文件夹配置755权限?

推荐
下面以腾讯云win服务器(Windows Server 2016 数据中心版 64位中文版)为文件夹配置755权限为例 1.右击【属性】 图片.png 2 .选择【安全】- 【编辑】 图片.png 3. 可对当前文件进行755权限配置 图片.png 要修改某个文件的权...... 展开详请

腾讯云sdk 兼容JDK6?

推荐

如果你说的是https://cloud.tencent.com/document/sdk/Java的话,jdk最低版本是1.7,不支持1.6

android 离线推送 为什么setOfflinePushListener不回调?

嗨喽你好摩羯座
推荐
您好,使用云通信 IM SDK 的通知栏提醒,建议参考:https://cloud.tencent.com/document/product/269/9234 中的描述来操作,通知栏提醒的内容由类 TIMOfflinePushNotification 来定义,可以通过这个类对外...... 展开详请

为什么cmq的topic配置订阅者为queue,向topic发送消息无法到达queue?

是的, 向topic发送消息应该会立即投递到订阅者。您可以检查您配置的队列名称是否正确且是真实存在的队列。如还不能解决您的问题,您可以点击控制台右上角的“工单”,进行问题进一步的排查,腾讯云会有专业的售后24小时为您服务。

脏字过滤只支持 TIMTextElem 消息,对自定义消息无效,请问有接口可以主动检查吗?

学生路人
推荐
您好,脏字检查的内容包括单聊和群组消息(只检查文本消息 TIMTextElem,不支持对自定义消息 TIMCustomElem 的过滤)、群名片、群组资料(群名称、群简介、群公告)用户资料和好友关系链中 bytes 类型的数据(如昵称、好友备注和好友分组等)。目前没有这样的接口喔...... 展开详请

所属标签

扫码关注云+社区