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

我希望有人能帮助我。

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

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

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

  • file1.xlsx
  • file1.xls
  • FILE.CSV
  • 我希望文件上传只能显示.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/


    那么这是令人尴尬的......我找到了我正在寻找的解决方案,并且它不是那么简单。 我使用下面的代码来获得所需的结果。 希望这有助于未来的人。 谢谢大家的帮助。

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

    DEMO:
    http://jsfiddle.net/dirtyd77/LzLcZ/144/


    注意:

    如果您尝试显示Excel CSV文件( .csv ), 请勿使用:

  • text/csv
  • application/csv
  • text/comma-separated-values (仅适用于Opera)。

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

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

    Dom这个属性非常古老,据我所知在现代浏览器中不被接受,但是这里有一个替代方案,试试这个

    <script type="text/javascript" language="javascript">
    function checkfile(sender) {
        var validExts = new Array(".xlsx", ".xls", ".csv");
        var fileExt = sender.value;
        fileExt = fileExt.substring(fileExt.lastIndexOf('.'));
        if (validExts.indexOf(fileExt) < 0) {
          alert("Invalid file selected, valid files are of " +
                   validExts.toString() + " types.");
          return false;
        }
        else return true;
    }
    </script>
    
    <input type="file" id="file" onchange="checkfile(this);" />
    

    我想它会帮助你,当然你可以根据你的需要改变这个脚本。


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

    <input type="file" ID="fileSelect" accept=".xlsx, .xls, .csv"/>
    
    链接地址: http://www.djcxy.com/p/8205.html

    上一篇: HTML Input="file" Accept Attribute File Type (CSV)

    下一篇: Type for Excel XML (ASP.NET 3.5)