手動安裝
您也可以手動地安裝插件到你的項目中。只要下載源ZIP或TAR球和提取資產（CSS和JS插件文件夾）到你的項目中。
使用
步驟1：在你頁面頭部加載以下類庫。
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>
如果你注意到，你需要另外的fileinput.min.css和fileinput.min.js 還需加載 jquery.min.js和bootstrap.min.css。
步驟2：初始化頁面上的插件。比如說呢。
1 // initialize with defaults 2 $("#input-id").fileinput(); 3 4 // with plugin options 5 $("#input-id").fileinput({'showUpload':false, 'previewFileType':'any'});
該#輸入ID是輸入的標識符（例如類型=文件）在您的網頁，這是隱藏自動插件。
或者，你可以直接調用插件的選項設置數據屬性輸入的字段。
1 <input id="input-id" type="file" class="file" data-preview-file-type="text" >