窗口限制文件上传格式

我们在选择文件上传的时候，一般都会做文件格式限制（前后台都做）。

 

<form>
  <input type="file" name="pic" id="pic"  />
</form>

当点击选择按钮后，是默认选择所有文件。当用户的文件数量多，文件种类多样化得时候，这就会让用户感觉到“凌乱”。

 

我们可以通过设置accept属性，在默认显示指定格式，如MP4

 

<form action="demo_form.asp">
  <input type="file" name="viedo" accept="video/mp4">
  <input type="file" name="image" accept="image/jpeg">
  <input type="submit">
</form>

<p><strong>注释：</strong>Internet Explorer 9 以及更早的版本不支持 input 标签的 accept 属性。</p>
<p><strong>注释：</strong>鉴于安全考虑，该例不允许您上传文件。</p>