BootstrapFileInput插件使用项目总结（经验）
许多基本定义和使用方法在因特网上没有概述。下面是我使用的项目的一些问题和解决方法。注意：这个插件主要用于上传图片。插件的其他上传文件没有涉及。
1。最小上载次数
通过查看其他数据，配置中有两种方法
minfilecount：4 / /表示允许最小同时上传文件数
MaxFileCount：10，表示在同一时间允许的最大文件上传 / /数量
所有这两种方法都可以在插件的官方网络API中找到，但是有一个问题。
minfilecount会提示使用自己上传的方法
maxfilecount将提示当文件选择超过上限
showupload：真的， / /是否显示上传按钮
原因可能是作者没有改变，也许以后的版本会解决这个问题。
两。不要使用插件上传表单表单提交问题。
我不使用插件的上传功能，并使用表单表单提交项目。
如果表单提交需要注意以下问题
enctype =多部分/表单数据必须加入1.form
2。如果单个图片背景不需要接收数组形式，或者可以参考以下方法
对于（MultipartFile imgreturn：文件）{
将覆盖新添加的内容，不添加以下代码。
actinfo =新HashMap（）；
如果（！Imgreturn.isEmpty（））{
中= fileutil.upload（imgreturn）；
}
}
为了接收数据的传递，删除了部分代码，无法显示保存文件的方法。
三。页面接收使用插件接收和传输数据的问题。
这个插件能够执行后台数据传输预览功能，但添加新数据后，会覆盖预览数据的问题，因此不建议使用此插件进行数据修改操作。
预览后台相关代码
预览图片
VaR过账前清单=新的数组（）；
对于（var i = 0；i < redata.length；i++）{
VaR img = null；
img =该{我}。activityimg；
图片类型
过账前清单{我} = ；
}
无功previewjson =过账前清单；
与上述预览图片JSON数据集对应的配置数据
无功preconfiglist =新的数组（）；
对于（var i = 0；i < redata.length；i++）{
无功array_element =该{我}；
无功tjson = { {
Caption: reData{i}.activityno, / / display file name
网址：'imgdelete ' / /删除网址
关键：该{我}。activityno，Ajax / /删除重新传输参数
宽度：'120px，
}；
我preconfiglist { } = tjson；
}
$（# txt_fileup）。Fileinput（{
语言：'zh / /语言
UploadUrl：'activityupdate，
UploadAsync：假，
allowedfileextensions：{ 'jpg '，'gif '，'png '，'jpeg}， / /后缀的文件接收
ShowCaption：真，
showupload：假， / /是否显示上传按钮
showremove：假， / /是否显示删除按钮
ShowCaption：真的， / /是否显示输入框
显示预览部分：真实，
showcancel：真，
dropzoneenabled：假，
minfilecount：4，
MaxFileCount：10，
InitialPreviewShowDelete:true,
msgfilestoomany：选择一些上传的文件超过最大的允许！
* initialpreview：previewjson，
InitialPreviewConfig：* preconfiglist
}），（'filepreupload '），（'filepreupload，函数（）{（）{
}），（fileuploaded
}）；
四。插件方法调用的使用
为了解决以前的问题层考虑使用调用插件的方法来判断，它不是很昂贵最后失败了，下面是使用的调用方法。
$（# txt_fileup '），（'filedeleted功能（事件、关键）{）
删除触发器
}）；
$（# txt_fileup '），（'fileselect功能（事件、关键）{）
触发器选择方法
}）；
以上是引导FileInput插件萧边介绍的一个总结，希望能对你有帮助。如果你有任何问题，请给我留言。萧边会及时回复你。谢谢你的支持网站。