主要介绍了bootstrapfileinput实现文件自动上传,bootstrap fileinput插件对多种类型的文件提供文件预览，并且提供了多选等功能,具有一定的参考价值，感兴趣的小伙伴们可以参考一下

主要为大家详细介绍了bootstrap fileinput实现文件上传功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

bootstrap fileinput文件上传插件功能如此强大，样式非常美观，并且支持上传文件预览，ajax同步或异步上传，拖曳文件上传等炫酷的功能，完全没有理由不去使用， JS引用： [removed][removed] [removed][removed] HTML:

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

bootstrap 的上传文件控件号称最好用的，总之我用着到是挺别扭的。 首先这个控件很简单。 html代码 可能需要保存按钮等等，这可以另外添加，指定事件方法就行，当然，需要在html中引入bootstrap的相关css和js fileinput.js和fileinput.css 在你自己的js中，也就是保存按钮等的事件方法中需要写一段关键代码 $('#txt_file').fileinput(