文件输入接受所有类型的文件，但不接受视频和图像

Posted 2023-01-15

我想实现一个html5文件选择器<input type="file" ...>，它可以接受所有类型的文件。

但是应该让用户选择 image/*和video/*文件。

我当前看到的唯一方法是定义一组可接受的文件扩展名（和/或mime类型），但是我认为添加数百个mime类型列表只是为了防止用户可以选择是不可行的。图像和视频文件。因此，这将不是令人满意的解决方案。

[如果可能，我希望使用javascript免费解决方案。

答案

希望此下面的链接将基本上帮助您解决问题，您需要在输入元素中添加accept属性，并在文件类型中添加您要用户上传的值。https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file