BootStrap增强型的多文件上传控件BootStrap-FileInput

本文介绍了BootStrap-FileInput,一个开源的多文件上传控件,适合BootStrap项目。它满足多数文件上传需求,适用于独立使用或嵌入到Form中。项目依赖于BootStrap和SpringMVC。使用时,只需将解压后的资源放入项目相应目录,并通过JS初始化配置即可实现自定义的文件上传功能。

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

     基于BootStrap项目需求一款多文件上传控件,通过筛选分析发现了BootStrap-FileInput这款控件(开源),能满足

大多数文件上传需求,简单写一下使用方法和遇到的坑!!

项目开源地址:https://github.com/kartik-v/bootstrap-fileinput

官网:http://plugins.krajee.com/file-input

项目的前后台基本上就是使用很典型的组件 BootStrap + SpringMVC

       项目下载下来是个*.tar或者*.zip,解压下来,将解压后的js和css目录放到项目的合适位置就好了,而且

直接引用就OK了!!

       FileInput典型的应用就是作为独立的上传控件直接和后台进行交互,这个网上与很多案例,可以直接参考

我使用的场景是嵌入到一个Form中,只是将FileInput作为一个前端文件添加控件,Form提交时,添加的文件作为

Form中一项和Form一起提交,如图:


效果就是这样的,当然尺寸和控件功能按钮都是编程可配置的,js代码的初始化片段如下:

$("#simple").fileinput({
		    theme: "explorer"
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值