Question

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

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

我知道这里有no difference between .jpg and .jpeg images，但是Mozilla似乎主张指定文件字段接受两者 .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>

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

1 个答案: