html5 input设置允许的文件类型上传

在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/*" />