代码之家 › 专栏 › 技术社区 › stephenmurdoch

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

html5

0

stephenmurdoch · 技术社区 · 6 年前

我有一个接受.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,但是有没有浏览器需要我们同时指定两者?

1 回复 | 直到 6 年前

1

3

Aydin 6 年前

服务器没有必要接受它,但是客户端有必要接受它,当在客户端本地计算机上浏览文件时。。。如果你不指定 .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>