zoukankan      html  css  js  c++  java
  • html input file 设置文件类型

    解决方案:

    使用 input 的 accept 属性指定接受文件类型

    -----------更新---------------

    之前的代码有个缺点,打开文件窗口时会自动筛选文件夹下所有符合设定类型的文件,造成文件窗口延迟一定时间。 

    优化的方法是列出你需要的 详细 类型,比如: 

    For Image Files (.png/.jpg/etc), use: 
    
    <input type="file" accept="image/x-png,image/gif,image/jpeg,image/bmp" />

    这样打开的速度就快很多了

    -------------之前的代码---------------------

    下面是指定类型的代码:

    Valid Accept Types:
    
    For CSV files (.csv), use: 
    
    <input type="file" accept=".csv" />
    For Excel Files 2003-2007 (.xls), use: 
    
    <input type="file" accept="application/vnd.ms-excel" />
    For Excel Files 2010 (.xlsx), use: 
    
    <input type="file" accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" />
    For Text Files (.txt) use: 
    
    <input type="file" accept="text/plain" />
    For Image Files (.png/.jpg/etc), use: 
    
    <input type="file" accept="image/*" />
    For HTML Files (.htm,.html), use:
    
    <input type="file" accept="text/html" />
    For Video Files (.avi, .mpg, .mpeg, .mp4), use:
    
    <input type="file" accept="video/*" />
    For Audio Files (.mp3, .wav, etc), use:
    
    <input type="file" accept="audio/*" />
    For PDF Files, use:
    
    <input type="file" accept=".pdf" /> 
  • 相关阅读:
    架构师图谱
    P3398 仓鼠找sugar
    NOIP 2017小凯的疑惑
    P2568 GCD
    自动AC机
    qbxt国庆刷题班 游记&总结
    【学习笔记】manacher算法
    [ZROI]分组
    BSGS与扩展BSGS
    Crt and ExCrt
  • 原文地址:https://www.cnblogs.com/niuben/p/10926031.html
Copyright © 2011-2022 走看看