QiYuAdmin-结合FastDFS实现bootstrap-fileinput上传

简介

之前做过webuploader,总感觉webuploader里面的东西比较多,官网提供的例子很繁琐,其实我们的项目也在用webuploader,可能也是审美疲劳了,所以一直徘徊是用webuploader还是zyuploader?但zyuploader连个官方网站都没有,所以也是我担心的出现一些棘手的问题可能解决起来就比较麻烦,正在纠结这个问题的时候,我突然想到,难道bootstrap就没有上传下载的插件吗?百度一下,果然让我看到了bootstrap-fileinput,虽然文档不是很多,但至少用的人还是蛮多的,而且看起来比webuploader要好看一点,用起来也比较方便于是乎:
1. 成果预览
2. Bootstrap-fileinput加入和样式微调
3. Bootstrap-fileinput和后台集成(SpringBoot和Fastdfs)

成果预览

这里写图片描述

这里写图片描述

这里写图片描述
点击上传按钮
这里写图片描述
上传成功
这里写图片描述

Bootstrap-fileinput加入和样式微调

接下来就介绍一下怎么集成进来的。
一、首先下载bootstrap-fileinput,放入plugins目录下面。
这里写图片描述
二、加入相关js和css文件
这里写图片描述
这里写图片描述
三、需要一个input输入框

<input id="imgUpload" name="file" multiple="multiple" type="file" class="file-loading" accept=".png,.gif,.jpg" />

记住了一定别忘了name=file,我就是忘记写了,后台获取的总是null。比较郁闷。
四、初始化bootstrap-inputfile

 $inputDom
           
  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

山竹之七语

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值