于是乎忽悠很不爽，后面想一下我拿路径干嘛，我传文件一定是流啊喂，我纠结个路径干嘛 白痴一个，根据飞老大的建议用插件 ，用什么插件好呢？肯定是bootstrap。为什么呢？

废话肯定有处女情结嘛，那是第一次自己觉得高大上的东西，开源免费又酷炫干嘛不用，不过情结虽好奈何英语太差，文档没有中文自己整理好几天，也一起发送给你们这群吃瓜群众洛。不过不得不说在翻译文档的时候你能深深体会到外国人的思路和敬业。

想知道为什么，答案就在我后期上传的bootstrapFileInput文档里面.

好了先来说说我们的前端实现。

http://blog.****.net/Java_chaozi/article/details/53311483

看看好心人的文章，瞬间感激涕零啊，不过我要做的就是改代码，

首先：

this调用一定是在当前controller里面啊。

为什么提出来写，是因为代码的灵活性你不可能都写死去调用，你也可以写在我们之前的Util里面，我这里只是为了方便自己以后的扩展逻辑写在这里，你可以修改我第二讲里面的那个util里面直接替换。更为简洁点。好了，主要是说圈起来的路径那是你ftpServer的里面的配置路径没有盘符的，记住。

前端代码实现需要注意的是我要做的是一个多上传能接受图片和word：

引入的样式多了几个：

源代码官网demo:

https://github.com/kartik-v/bootstrap-fileinput/  下载按钮是

别不好意思，反正我第一次也没注意。demo在examples里面。不同的是fileInput-update.js那个文件 那是我改了源代码的文件，我去掉了新生成的图片上传和修改的icon还有固定了预览样式的大小。那个后面整理翻译文档的时候发现其实不用。他们都设置了参数的。不过没问题。接着走

前端代码片段：

圈起来的部分是图片预加载的图片还有样式信息。所以注释了。   multiple  是支持多文件 data-max-file-count="4"，最多四个。调用action的时候，其实是一个个上传调用也就是说，你设置的最大限制其实针对的是单一图片不是全部，而且如果人为乱选，比如查过8M的 .rar文件你没设置，会出现浏览器卡死情况。请注意。

首次进入通过 $("#kv-explorer").fileinput()到达加载插件启用的功能，具体属性有注释不再啰嗦，上传调用：function uploadFile(){
 $("#kv-explorer").fileinput("upload");
  } ；

为什么我会成功？因为忽悠聪明呗，其实还需要修改一个地方，spring-mvc.xml里面的上传参数。

设置最大上传文件为10M，不然要报错的。超过10M怎么办？不怕我们前端也加了的，去看看注释。好了接下来就是准备提交中文api了，你还不给忽悠点个赞？