基于BootStrap项目需求一款多文件上传控件,通过筛选分析发现了BootStrap-FileInput这款控件(开源),能满足
大多数文件上传需求,简单写一下使用方法和遇到的坑!!
项目开源地址:https://github.com/kartik-v/bootstrap-fileinput
官网:http://plugins.krajee.com/file-input
项目的前后台基本上就是使用很典型的组件 BootStrap + SpringMVC
项目下载下来是个*.tar或者*.zip,解压下来,将解压后的js和css目录放到项目的合适位置就好了,而且
直接引用就OK了!!
FileInput典型的应用就是作为独立的上传控件直接和后台进行交互,这个网上与很多案例,可以直接参考
我使用的场景是嵌入到一个Form中,只是将FileInput作为一个前端文件添加控件,Form提交时,添加的文件作为
Form中一项和Form一起提交,如图:
效果就是这样的,当然尺寸和控件功能按钮都是编程可配置的,js代码的初始化片段如下:
$("#simple").fileinput({
theme: "explorer"