在html5里面设置input的accept属性即可。
案例
- 值允许图片类型可以上传
<input type="file" name="pic" id="pic" accept="image/*" />
- 只允许jpg格式的文件上传
<input type="file" name="pic" id="pic" accept="image/jpeg" />
- 允许jpg,png和gif格式的图片上传
<input type="file" name="pic" id="pic" accept="image/jpeg,image/png,image/gif" />
- 只允许音频文件上传
<input type="file" name="pic" id="pic" accept="audio/*" />
- 只允许视频文件上传
<input type="file" name="pic" id="pic" accept="video/*" />
- 允许视频文件和音频文件
<input type="file" name="pic" id="pic" accept="audio/*,video/*" />