HTML输入=“文件”接受属性文件类型(CSV)

HTML输入=“文件”接受属性文件类型(CSV)

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

<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.openxmlformats-officedocument.spreadsheetml.sheet(.XLSX)

accept= application / vnd.ms-excel(.XLS)

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

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


料青山看我应如是
浏览 973回答 3
3回答

呼啦一阵风

这些天你可以使用文件扩展名<input&nbsp;type="file"&nbsp;ID="fileSelect"&nbsp;accept=".xlsx,&nbsp;.xls,&nbsp;.csv"/>

三国纷争

Dom这个属性很老,据我所知在现代浏览器中不被接受,但是这里有一个替代它,试试这个<script&nbsp;type="text/javascript"&nbsp;language="javascript">function&nbsp;checkfile(sender)&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;validExts&nbsp;=&nbsp;new&nbsp;Array(".xlsx",&nbsp;".xls",&nbsp;".csv"); &nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;fileExt&nbsp;=&nbsp;sender.value; &nbsp;&nbsp;&nbsp;&nbsp;fileExt&nbsp;=&nbsp;fileExt.substring(fileExt.lastIndexOf('.')); &nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;(validExts.indexOf(fileExt)&nbsp;<&nbsp;0)&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;alert("Invalid&nbsp;file&nbsp;selected,&nbsp;valid&nbsp;files&nbsp;are&nbsp;of&nbsp;"&nbsp;+ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;validExts.toString()&nbsp;+&nbsp;"&nbsp;types."); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;false; &nbsp;&nbsp;&nbsp;&nbsp;} &nbsp;&nbsp;&nbsp;&nbsp;else&nbsp;return&nbsp;true;}</script><input&nbsp;type="file"&nbsp;id="file"&nbsp;onchange="checkfile(this);"&nbsp;/>我想它会帮助你,当然你可以根据你的需要改变这个脚本。
打开App,查看更多内容
随时随地看视频慕课网APP