BootStrap-fileinput异步上传文件完整实例，实测可用

这段时间有个项目前端需要用到图片上传的功能，在找了很久之后终于找到了bootstrap的开源插件bootstrap-fileinput，这款开源插件也很好适配了我项目中用到的bootstrap框架，所以就开始了跳坑和填坑的道路。由于本人还是个菜鸟，所以在这个插件中摸索了比较久，写这个博客一是想给不会用的同学分享一下我自己摸索出来的方法，二是记录下BootStrap-fileinput前端和后端的用法，防止以后忘记也有资料可以查。

插件及jar包下载

BootStrap-fileinput插件下载地址：点击打开链接https://github.com/kartik-v/bootstrap-fileinput

依赖的jar包有：

1. commons-fileupload-1.2.jar
   
2. commons-io-2.6.jar
   
3. gson-2.3.1.jar
   

除了这些包之外我还用到struts2框架，需要的同学自行下载，这里就不一一列出来了

引入插件文件

导入css文件：

<link rel="stylesheet" href="css/fileinput.css" />

导入js文件（为了中文化需要导入zh.js，如果没有导入这个包文件上传框会是英文的。需要注意的是zh.js必须要 在fileinput.js的后面，否则无法中文化）：

<script type="text/javascript" src="js/fileinput.