Bootstrap文件上传插件File Input的使用
2016-06-15 00:00
876 查看
这个插件主页地址是:http://plugins.krajee.com/file-input,可以从这里看到很多Demo的代码展示:http://plugins.krajee.com/file-basic-usage-demo。
这是一个增强的 HTML5 文件输入控件,是一个 Bootstrap 3.x 的扩展,实现文件上传预览,多文件上传等功能。
一般情况下,我们需要引入下面两个文件,插件才能正常使用:
bootstrap-fileinput/css/fileinput.min.css
bootstrap-fileinput/js/fileinput.min.js
简单的界面效果如下所示,和众多上传文件控件一样,可以接受各种类型的文件。当然,我们也可以指定具体接受的文件类型等功能。
这是一个增强的 HTML5 文件输入控件,是一个 Bootstrap 3.x 的扩展,实现文件上传预览,多文件上传等功能。
一般情况下,我们需要引入下面两个文件,插件才能正常使用:
bootstrap-fileinput/css/fileinput.min.css
bootstrap-fileinput/js/fileinput.min.js
简单的界面效果如下所示,和众多上传文件控件一样,可以接受各种类型的文件。当然,我们也可以指定具体接受的文件类型等功能。
相关文章推荐
- Android之获取手机上的图片和视频缩略图thumbnails
- bootstrap初试进度条
- Bootstrap 3.3.4 发布,Web 前端 UI 框架
- angular 指令简述
- jQuery根据ID获取input、checkbox、radio、select的示例
- sql2005 附加数据库出错(错误号:5123)解决方法
- SQL Server 2016里的sys.dm_exec_input_buffer的问题
- css样式之区分input是按钮还是文本框的方法第1/4页
- jQuery操作input值的各种方法总结
- C#中File类的文件操作方法详解
- 控制input的CSS但不影响CheckBox以及Radio的样式
- asp #include file 与 #include virtual 的区别小结第1/2页
- PHP file_exists问题杂谈
- js禁用和激活input表单的方法
- 让input不可点击的另一种方法
- 基于BootStrap Metronic开发框架经验小结【六】对话框及提示框的处理和优化
- input 高级限制级用法
- Bootstrap教程JS插件弹出框学习笔记分享
- css美化input file按钮的代码方法