bootstrap-fileinput_

Bootstrap Fileinput是一个基于Bootstrap的文件上传插件，支持多文件、拖拽、进度条等功能，适用于网页表单中的文件上传场景。

Bootstrap Fileinput是一个基于Bootstrap框架的文件上传插件，它提供了丰富的功能和可定制的选项，使得文件上传变得更加简单和美观。

基本用法

要使用Bootstrap Fileinput插件，首先需要在页面中引入相关的CSS和JavaScript文件，可以通过以下方式引入：

<!引入Bootstrap CSS >
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<!引入jQuery >
<script src="https://ajax.lug.ustc.edu.cn/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!引入Bootstrap JavaScript >
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<!引入Bootstrap Fileinput CSS >
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrapfileinput/4.4.7/css/fileinput.min.css">
<!引入Bootstrap Fileinput JavaScript >
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrapfileinput/4.4.7/js/fileinput.min.js"></script>

接下来，在HTML中创建一个<input type="file">元素，并为其添加dataprovide="fileinput"属性，以启用Fileinput插件的功能。

<input type="file" name="files[]" multiple dataprovide="fileinput">

可选配置项

Bootstrap Fileinput提供了许多可选的配置项，可以根据需要进行定制，以下是一些常用的配置项：

配置项	描述	默认值
showUpload	是否显示上传按钮	true
showRemove	是否显示删除按钮	true
showPreview	是否显示预览功能	true
showCaption	是否显示标题	true
browseClass	选择文件时的样式类名	btn btndefault
dropZoneEnabled	是否启用拖拽上传	true
minFileCount	最小可选择的文件数量	0
maxFileCount	最大可选择的文件数量	null
allowedFileExtensions	允许的文件扩展名列表	null
maxFileSize	最大文件大小（单位：字节）	null
previewSettings	预览设置对象，包含各种预览选项	{}
initialPreviewShowDelete	初始预览时是否显示删除按钮	false
initialPreviewShowUpload	初始预览时是否显示上传按钮	false
initialPreviewShowCaption	初始预览时是否显示标题	false
initialPreviewAsImage	初始预览是否作为图片显示	false
overwriteInitial	是否覆盖已存在的文件	false
autoReplaceText	替换文本，用于覆盖已存在的文件名	"{filename} (已存在)"
uploadUrl	上传文件的URL地址	null
uploadExtraData	上传文件时附加的额外数据对象	{}
uploadAsync	是否异步上传文件	true
progressWidth	进度条宽度（单位：像素）	'100%'
minProgressWidth	最小进度条宽度（单位：像素）	'2px'
maxProgressWidth	最大进度条宽度（单位：像素）	'100%'
progressHeight	进度条高度（单位：像素）	'20px'
minProgressHeight	最小进度条高度（单位：像素）	'2px'
maxProgressHeight	最大进度条高度（单位：像素）	'20px'
removeLabelText	删除按钮的文本标签	"×"
browseIconClass	选择文件时的图标类名（Bootstrap Glyphicons）	"glyphicon glyphiconfolderopen"
removeIconClass	删除按钮的图标类名（Bootstrap Glyphicons）	"glyphicon glyphicontrash"
uploadIconClass	上传按钮的图标类名（Bootstrap Glyphicons）	"glyphicon glyphiconupload"
cancelIconClass	取消按钮的图标类名（Bootstrap Glyphicons）	"glyphicon glyphiconbancircle"
pauseIconClass	暂停按钮的图标类名（Bootstrap Glyphicons）	"glyphicon glyphiconpause"
resumeIconClass	继续按钮的图标类名（Bootstrap Glyphicons）	"glyphicon glyphiconplay"
uploadClass	上传按钮的样式类名	"btn btnprimary"
cancelClass	取消按钮的样式类名	"btn btndefault"
pauseClass	暂停按钮的样式类名	"btn btndefault"
resumeClass	继续按钮的样式类名	"btn btndefault"
fileIconClass	文件图标的样式类名	"fa fafile"
bigFileIconClass	大文件图标的样式类名	"fa fafileo"
invalidFileIconClass	无效文件图标的样式类名	"fa fawarning"
previewFileIconClass	预览文件图标的样式类名	"fa fafiletext"
warningClass	警告信息的样式类名	"alert alertdanger"
infoClass	信息类的样式类名	"alert alertinfo"
successClass	成功类的样式类名	"alert alertsuccess"
errorClass	错误类的样式类名	"alert alertdanger"
progressBarClass	进度条的样式类名	"progress progressstriped active"

| queueClass || 队列元素的样式类名 || "div well wellsm"||

################################################################################################################################################################################################################# </pre>