vue使用原生bootstrap-fileinput无效(未解决)

这篇只记录一下踩到的坑,由于时间关系,此问题未解决

起因:要求替换项目框架,原先jq要替换成vue。之前bootstrap中自带的文件上传插件自带很多功能,上传进度条、上传内容预览等非常方便(如图):
在这里插入图片描述
然后,在vue中引入这个插件却始终不行。
由于只有一个页面使用,尝试直接引入bootstrap-fileinput文件,发现无法识别fileInput,对jq版本也有限制:
尝试记录

  1. 引入jq低版本1.4.4,可识别到jq,但上传插件中有.on(...)语句,1.7.7版本前不支持.on(...)语句,导致上传插件不可用
import "./jquery-1.4.4.min.js";
  1. 引入jq版本2.1.4(原先项目使用的版本),vue无法识别jq
import "./jquery-2.1.4.min.js";
  1. 降低到vue可识别的最低jq版本1.9.1,引入后打印$(dom).fileinput({…}),报错fileinput为undefined
import "./jquery-1.9.1.min.js";
  1. 高版本尝试:3.6.0,同无法识别jq

暂时和产品商议设计了新的上传插件样式,自定义编写了一个文件上传插件

猜你喜欢

转载自blog.csdn.net/weixin_43939111/article/details/130088644