用 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:后台也需要限制文件类型哦~) 

 

 

最新文章

  1. 【转载】C/C++中extern关键字详解
  2. kendo ui 富文本编辑控件 Editor 实现本地上传图片,并显示
  3. 51nod水题记
  4. 微软ajax组件
  5. 常见缓存算法和LRU的c++实现
  6. 简单DNA序列组装(非循环子图)
  7. iOS下JS与原生OC互相调用(总结)
  8. PAT1058:A+B in Hogwarts
  9. FreeNAS-9.10虚拟机测试安装
  10. spring和mybatis的整合开发(传统Dao开发方式)
  11. ARM920T的Cache
  12. JavaSE学习总结(六)——接口、抽象类、内部类
  13. Step5:SQL Server 跨网段(跨机房)FTP复制
  14. Linux系统命令行中vim编辑器取消高亮显示
  15. python使用(一)
  16. vs2013(vs2015) 打开vs2010 找不到此项目类型所基于的应用程序 MVC2 升级 MVC5 不能加载Web项目
  17. MemCache 安全使用原则(自己整理,仅供参考)
  18. YUV与RBG的装换公式
  19. linux 查看数据库和表
  20. flask插件系列之flask_session会话机制

热门文章

  1. 最详细的Android SDK下载安装及配置教程
  2. cocos版本说明
  3. Java CPU占用过高问题排查,windows和Linux
  4. python-django中使用事务以及小坑
  5. Vue使用QRCode.js生成二维码
  6. CSS两列布局
  7. JavaScript函数参数传递
  8. 广联达C++面经(一站式西安) - 2019秋招
  9. (四)react-native开发系列之debug调试
  10. redhat6.7 yum网络源配置