accept attribute for file input

accept attribute for file input

Allows a filter to be defined for what type of files a user may pick with from an <input type="file"> dialog

Spec https://html.spec.whatwg.org/multipage/forms.html#attr-input-accept
Status WHATWG Living Standard
IE Edge Firefox Chrome Safari Opera
    57 62    
    56 61 TP (1) 48
  16 55 60 11 (1) 47
11 15 54 59 10.1 (1) 46
10 14 53 58 10 (1) 45
9 13 52 57 9.1 (1) 44
8 12 51 56 9 (1) 43
Show all
7   50 55 8 (1) 42
6   49 54 7.1 (1) 41
5.5   48 53 7 (1) 40
    47 52 6.1 (1) 39
    46 51 6 (1) 38
    45 50 5.1 37
    44 49 5 36
    43 48 4 35
    42 47 3.2 34
    41 46 3.1 33
    40 45   32
    39 44   31
    38 43   30
    37 42   29
    36 (1) 41   28
    35 (1) 40   27
    34 (1) 39   26
    33 (1) 38   25
    32 (1) 37   24
    31 (1) 36   23
    30 (1) 35   22
    29 (1) 34   21
    28 (1) 33   20
    27 (1) 32   19
    26 (1) 31   18
    25 (1) 30   17
    24 (1) 29   16
    23 (1) 28   15
    22 (1) 27   12.1
    21 (1) 26   12
    20 (1) 25   11.6
    19 (1) 24   11.5
    18 (1) 23   11.1
    17 (1) 22   11
    16 (1) 21   10.6
    15 (1) 20 (1)   10.5
    14 (1) 19 (1)   10.0-10.1
    13 (1) 18 (1)   9.5-9.6
    12 (1) 17 (1)   9
    11 (1) 16 (1)    
    10 (1) 15 (1)    
    9 (1) 14 (1)    
    8 (1) 13 (1)    
    7 (1) 12 (1)    
    6 (1) 11 (1)    
    5 (1) 10 (1)    
    4 (1) 9 (1)    
    3.6 8    
    3.5 7    
    3 6    
    2 5    
      4    
iOS Safari Opera Mini Android Browser Blackberry Browser Opera Mobile Android Chrome Android Firefox IE Mobile Android UC Browser Samsung Internet QQ Browser Baidu Browser
11 (1)                      
10.3 (1) all 56 (3) 10 (1) 37 (2) 59 (2) 54 11 (4) 11.4 5 (2) 1.2 7.12 (2)
10.0-10.2 (1)   4.4.3-4.4.4 (3) 7 (2) 12.1     10 (3)   4 (2)    
9.3 (1)   4.4 (3)   12              
9.0-9.2 (1)   4.2-4.3 (2)   11.5              
Show all
8.1-8.4 (1)   4.1 (2)   11.1              
8 (1)   4 (2)   11              
7.0-7.1   3 (2)   10              
6.0-6.1   2.3                  
5.0-5.1 (3)   2.2                  
4.2-4.3 (3)   2.1                  
4.0-4.1 (3)                      
3.2 (3)                      

Notes

Not supported means any file can be picked as if the accept attribute was not set, unless otherwise noted.

On Windows, files that do not apply are hidden. On OSX they are grayed out and disabled.

  1. Supports the type format (e.g. image/*) but not the extension format (e.g. .png)

  2. Offers appropriate file locations/input based on format type, but does not prevent other files from being selected.

  3. Does not allow any files to be picked at all

  4. Supports the type format but does not allow any file to be picked when using the extension format

Resources

Data by caniuse.com
Licensed under the Creative Commons Attribution License v4.0.
http://caniuse.com/#feat=input-file-accept

在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号

意见反馈
返回顶部