通过文件字段接受 jpg 和 jpeg 图像

Question

我有一个接受 .jpg、.png 和 .gif 图像的文件字段：

<input type="file" accept=".jpg, .png, .gif">

我知道有 no difference between .jpg and .jpeg images，但 Mozilla 似乎主张指定文件字段接受 both .jpg and .jpeg，如下所示：

<input type="file" accept=".jpg, .jpeg, .png, .gif">

这有必要吗？

当我只指定该字段接受 .jpg 时，Firefox 同时接受 .jpg 和 .jpeg，但有没有需要我们同时指定的浏览器？

如果没有区别，为什么 Mozilla 文档会显示它们指定两者？

Answer 1

服务器没有必要接受它，但客户端有必要接受它，但是，当浏览客户端本地计算机上的文件时...如果您不指定 .jpeg 扩展名，则具有该扩展名的文件将是从用户可以选择上传的内容中排除

form {
  width: 600px;
  background: #ccc;
  margin: 0 auto;
  padding: 20px;
  border: 1px solid black;
}

<form method="post" enctype="multipart/form-data">
 <div>
   <label for="file">With jpeg</label>
   <input type="file" id="file" name="file"  accept=".jpg, .jpeg, .png"  multiple>
 </div>
</form>


<form method="post" enctype="multipart/form-data">
 <div>
   <label for="file">Without jpeg</label>
   <input type="file" id="file" name="file" accept=".jpg, .png"  multiple>
 </div>
</form>