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

Question

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

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

我知道.jpg 和 .jpeg 图像之间没有区别，但 Mozilla 似乎主张指定文件字段同时接受 .jpg 和 .jpeg，如下所示：

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

这是必要的吗？

当我只指定该字段接受 .jpg 时，Firefox 同时接受 .jpg 和 .jpeg，但是是否有任何浏览器需要我们同时指定两者？

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

标签： html

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>