Bootstarp-fileInput插件使用手册

本文详细介绍了Bootstarp-fileInput插件的属性和函数,旨在帮助开发者掌握该插件的使用方法,提升前端文件上传功能的实现效率。通过对各个属性和函数的解析,可以深入理解其工作原理并应用到实际项目中。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

属性:

属性 类型 默认值 描述
language String ‘en’ 多语言设置,使用时需提前引入locales文件夹下对应的语言文件,中文zh,引入语言文件必须放在fileinput.js之后
showCaption Boolean true 是否显示被选文件的简介
showBrowse Boolean true 是否显示浏览按钮
showPreview Boolean true 是否显示预览区域
showRemove Boolean true 是否显示移除按钮
showUpload Boolean true 是否显示上传按钮
showCancel Boolean true 是否显示取消按钮
showClose Boolean true 是否显示关闭按钮
showUploadedThumbs Boolean true 这个属性是基于这样一个使用方法的:选择若干个文件后点击右下角上传按钮批量上传,待全部完成后再选择一批文件,此时之前上传成功的文件是否要保存。就是这个属性控制的。注意,点击文件缩略图下面的上传按钮不会导致之前的成功上传的文件消失,即使这里设置了true
browseOnZoneClick Boolean false
autoReplace Boolean false 是否自动替换当前图片,设置为true时,再次选择文件, 会将当前的文件替换掉。
generateFileId Object null
previewClass String 添加预览按钮的类属性
captionClass String 添加标题类属性
frameClass String ‘krajee-default’ 针对每个缩略图的框架
mainClass String ‘file-caption-main’ 针对元素类属性
mainTemplate Object null
purifyHtml Boolean true
fileSizeGetter Object null
initialCaption String
initialPreview Array/Object [] 通过这个参数,我们可以为文件区设置一些默认的缩略图
initialPreviewDelimiter
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值