Bootstrap-fileinput控件的使用

  最近由于公司需求，用到了bootstrap-fileinput插件上传文件，简单写个博客记个笔记。

 1、上传文件用的比较广泛，所以还是比较重要的。

       虽然可以在表单中使用<input type="file"/>来上传文件，但效果是比较简陋的，而且不支持预览，当然使用bootstrap-fileinput可以解决这个问题。

 2、使用步骤。

     2.1、由于bootstrap-fileinput是一个第三方插件，所以你需要下载它，下载地址，进去后点击Source进入GitHub下载即可。下载完后解压后如图所示：

     

   我们只需要css、img‘、js、themes文件夹即可，examples中有一个index.html，是一个demo网页。

  2.2、在页面引入插件的css、js‘文件。如下：

<link href="${base}/res/common/css/bootstrap.min.css" rel="stylesheet">
<link href="${base}/res/plugins/bootstrap-fileinput/css/fileinput.css" media="all" rel="stylesheet" type="text/css"/>
<link href="${base}/res/plugins/bootstrap-fileinput/themes/explorer/theme.css" media="all" rel="stylesheet" type="text/css"/>
<script src="${base}/res/common/js/jquery-2.1.1.min.js"></script>
<script src="${base}/res/common/js/bootstrap.min.js"></script>
<script src="${base}/res/plugins/bootst