如果我们使用 <input type="file">，它将接受所有文件类型。
但是可以将文件类型限制为仅图像或者某些图像文件扩展名。
为此，我们需要使用 HTML 接受属性。
此属性仅与 <input type="file"> 一起使用，并用作从文件输入对话框中选择文件输入的过滤器。
让我们看一个例子。
将“文件”输入类型限制为图像的示例：
<!DOCTYPE html>
<html>
<head>
<title>文档的标题</title>
</head>
<body>
<input type="file" id="img" name="img" accept="image/*">
</body>
</html>
现在， <input> 元素的类型只能接受图像。
如果要指定图像文件扩展名，请尝试以下示例。
将“文件”输入类型限制为图像文件扩展名的示例：
<!DOCTYPE html>
<html>
<head>
<title>文档的标题</title>
</head>
<body>
<input type="file" name="myImage" accept="image/x-png,image/gif,image/jpeg" />
</body>
</html>
accept 属性不应用作验证工具。
文件上传必须在服务器上进行验证。
日期：2020-06-02 22:15:05 来源：oir作者：oir