如何允许＜input type=“file”＞只接受图像文件？

要限制 <input type="file"> 元素只接受图像文件，可以通过设置 accept 属性来指定接受的文件类型。accept 属性可以接受一个或多个由逗号分隔的文件类型描述符。

例如，如果您想只允许用户上传图像文件，您可以将 accept 属性设置为接受常见的图像文件格式，如下所示：

html
<input type="file" accept="image/png, image/jpeg, image/gif">

在这个例子中，accept 属性设置了三种图像格式：

• image/png - PNG 格式
• image/jpeg - JPEG 格式
• image/gif - GIF 格式

当用户点击这个输入字段以选择文件时，文件对话框将会过滤并只显示这些特定的图像文件类型，从而使用户更容易选择正确类型的文件，减少错误上传非图像文件的机会。

您也可以使用通配符 image/* 来允许所有类型的图像文件：

html
<input type="file" accept="image/*">

这种设置允许用户上传任何类型的图像文件，而不限于特定的几种格式。这可能更方便，但如果您想确保只接受特定的图像格式，前一个方法更加合适和严格。