如何使输入`type=file`仅接受图像React

Question

<Input
  id="image"
  type="file"
  accept="image/*"
  onChange={(event) =>
    getBase64(event.target.files[0])
      .then((file) => this.setState({ image: file })
  )}
/> 

但它也接受其他文件，我应该更改什么以使其仅接受图像？

Answer 1

要设置accept属性，<Input />您需要inputProps像这样使用

<Input type="file" inputProps={{ accept: 'image/*' }} />

编辑 几个月后查看这个并阅读@Aprillions评论我认为澄清这是Material-UI而不是纯粹的React会很好

Answer 2

文件输入有一个accept可以用于此目的的属性（文档）。