noInvalidFileInputAccept (JavaScript)

Summary

Diagnostic Category: lint/nursery/noInvalidFileInputAccept
This rule has an unsafe fix.
The default severity of this rule is error.
Sources:
- Same as unicorn/no-invalid-file-input-accept

How to configure

1
{
2
  "linter": {
3
    "rules": {
4
      "nursery": {
5
        "noInvalidFileInputAccept": "error"
6
      }
7
    }
8
  }
9
}

Description

Disallow invalid accept values on file inputs.

An accept value must contain comma-separated filename extensions, MIME types, or the wildcard MIME types audio/*, image/*, and video/*. Browsers ignore invalid entries, so the file picker may not filter files as intended.

Examples

Invalid

1
<input type="file" accept="image/jpg" />

code-block.jsx:1:27 lint/nursery/noInvalidFileInputAccept  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  ✖ Use image/jpeg as the file input accept value.
  
  > 1 │ <input type="file" accept="image/jpg" />
      │                           ^^^^^^^^^^^
    2 │ 
  
  ℹ File input accept values must contain comma-separated filename extensions or valid MIME types.
  
  ℹ This rule belongs to the nursery group, which means it is not yet stable and may change in the future. Visit https://biomejs.dev/linter/#nursery for more information.
  
  ℹ Unsafe fix: Use the normalized file input accept value.
  
    1   │ - <input·type="file"·accept="image/jpg"·/>
      1 │ + <input·type="file"·accept="image/jpeg"·/>
    2 2 │

Valid

1
<input type="file" accept="image/jpeg, .jpg" />