<!-- 必须引入 -->

link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/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/2.1.1/jquery.min.js"></script>

<!-- 再上传前调整图像大小，需要引入这个文件

     This must be loaded before fileinput.min.js -->

<script src="path/to/js/plugins/canvas-to-blob.min.js" type="text/javascript"></script>

<!-- 在初始预览中对文件进行排序，需要引入该文件

     This must be loaded before fileinput.min.js -->

<script src="path/to/js/plugins/sortable.min.js" type="text/javascript"></script>

<!-- 在HTML文件的预览时净化HTML的内容。（不知道怎么翻译）

     This must be loaded before fileinput.min.js -->

<script src="path/to/js/plugins/purify.min.js" type="text/javascript"></script>

<!-- 主要的插件文件 -->

<script src="path/to/js/fileinput.min.js"></script>

<!--如果要在较大的、详细的模态对话框中缩放和查看文件内容，则需要以下bootstrap.js-->

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" type="text/javascript"></script>

<!-- 如果需要一个很棒的字体的主题，需要引入该文件 -->

<script src="path/to/js/fa.js"></script>

<!-- 如果需要翻译语言 -->

<script src="path/to/js/<lang>.js"></script>

// 默认方法

$("#input-id").fileinput();

// 用插件的选项

$("#input-id").fileinput({'showUpload':false, 'previewFileType':'any'});

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