input file标签限制上传文件类型

时间：2019-08-10 18:25:06 收藏：0 阅读：163

　用 input 的file类型标签上传文件，有时需要限制上传文件类型，添加accept属性可以实现

<input type="file"  accept="image/png" >

或者

<input type="file"  accept=".png" >

　多种类型

<input type="file"  accept="image/png,image/jpg" >

或者

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

所有图片格式

<input type="file"  accept="image/*" >

　所有视频格式

<input type="file"  accept="video/*" >

　如果不需要限制类型去掉accept属性即可　

（PS：后台也需要限制文件类型哦~）　

原文：https://www.cnblogs.com/xinyueBlog/p/11332317.html