详解Bootstrapfileinput文件上传组件的实例

一、使用方法

1、导入依赖的js和css文件：

<link rel="stylesheet" href="css/bootstrap.min.css" />
<link rel="stylesheet" href="css/fileinput.min.css" />
<script type="text/javascript" src="js/jquery-3.2.1.js" ></script>
<script type="text/javascript" src="js/bootstrap.js" ></script>
<script type="text/javascript" src="js/fileinput.js" ></script>
<script type="text/javascript" src="js/zh.js" ></script>
<script type="text/javascript" src="js/my.js" ></script>

2、建立一个文件输入区

<form>
 <p class="form-group">
  <h3>Bootstrap File Input Demo1</h3>
 </p>

 <input name="uploadFile" type="file" id="uploadFile" multiple class="file-loading" />
</form>

3、编写my.js文件，初始化文件上传组件

二、效果图

1、初始化界面：

2、可以实现多文件上传：

3、点击某个文件，可以实现全屏预览：

三、Options介绍

四、Method介绍

有空再写

五、源码下载

Bootstrap fileinput文件上传组件

以上就是详解Bootstrap fileinput文件上传组件的实例的详细内容，更多请关注Gxl网其它相关文章！