bootstrap modal填充数据_【原创】Bootstrap文件上传组件：bootstrap fileinput

前言：之前的三篇介绍了下bootstrap的一些常用组件，发现博主对这种扁平化的风格有点着迷了。前两天做一个excel导入的功能，前端使用原始的input type='file'这种标签，效果不忍直视，于是博主下定决心要找一个好看的上传组件换掉它。既然bootstrap开源，那么社区肯定有很多关于它的组件，肯定也有这种常见的上传组件吧。经过一番查找，功夫不负有心人，还是被博主找到了这个组件：bootstrap fileinput。在此记录下，就算做个学习笔记，也给需要使用的朋友提供点方便。

Bootstrap组件系列文章：

• 【原创】推荐一款带暂停功能的轮播组件，不要谢我，我叫红领巾！
• 【原创】Bootstrap组件福利篇：几款好用的组件推荐，你值得拥有！（一）
• 【原创】Bootstrap组件福利篇：几款好用的组件推荐，你值得拥有！（二）

一、效果展示

1、原始的input type='file'，简直不忍直视。

2、不做任何装饰的bootstrap fileinput：（bootstrap fileinput初级进化）

3、bootstrap fileinput高级进化：中文化、可拖拽上传、文件扩展名校验（如果不是需要的文件，不让上传）、文件预览

支持拖拽上传