码迷,mamicode.com
首页 > 其他好文 > 详细

Bootstrap File Input 中文文档

时间:2014-08-25 16:44:14      阅读:299      评论:0      收藏:0      [点我收藏+]

标签:style   blog   http   color   java   os   使用   io   strong   

手动安装

 您也可以手动地安装插件到你的项目中。只要下载源ZIP或TAR球和提取资产(CSS和JS插件文件夹)到你的项目中。

 

使用

 步骤1在你页面头部加载以下类库

 

bubuko.com,布布扣
1 <link href="http://netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css" rel="stylesheet">
2 <link href="path/to/css/fileinput.min.css" media="all" rel="stylesheet" type="text/css" />
3 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
4 <script src="path/to/js/fileinput.min.js" type="text/javascript"></script>
View Code

    如果你注意到,你需要另外的fileinput.min.css和fileinput.min.js 还需加载 jquery.min.js和bootstrap.min.css。

 

  步骤2:初始化页面上的插件。比如说呢

bubuko.com,布布扣
1 // initialize with defaults
2 $("#input-id").fileinput();
3 
4 // with plugin options
5 $("#input-id").fileinput({showUpload:false, previewFileType:any});
View Code

    该#输入ID是输入的标识符(例如类型=文件)在您的网页,这是隐藏自动插件。

    或者,你可以直接调用插件的选项设置数据属性输入的字段

 

bubuko.com,布布扣
1 <input id="input-id" type="file" class="file" data-preview-file-type="text" >
View Code

 

Bootstrap File Input 中文文档

标签:style   blog   http   color   java   os   使用   io   strong   

原文地址:http://www.cnblogs.com/menu/p/3935142.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!