Bootstrap File Input 中文文档

手动安装

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

使用

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

 <link href="http://netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css" rel="stylesheet">
 <link href="path/to/css/fileinput.min.css" media="all" rel="stylesheet" type="text/css" />
 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
 <script src="path/to/js/fileinput.min.js" type="text/javascript"></script>

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

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

 // initialize with defaults
 $("#input-id").fileinput();
 
 // with plugin options
 $("#input-id").fileinput({'showUpload':false, 'previewFileType':'any'});

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

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

 <input id="input-id" type="file" class="file" data-preview-file-type="text" >