Bootstrap Fileinput 点击图片“上传”按钮后“查看详情/详细预览”不显示图片 解决方法

我一直认为我把“Bootstrap Fileinput图片上传”所有的功能都已经搞定了,今天在测试是否有BUG?项目准备正式上线的时候,结果出现以下这样的一个问题:

 

1、我直接点击如图下“图片上传”按钮时,图片能成功上传与存储磁盘,也能存数据库。Bootstrap Fileinput

 

 

当:图片上传成功后,点击“查看详情”按钮。

Bootstrap Fileinput 查看详情/详细预览

 

结果,图片“详细预览”却显示不出来,图片显示为空白。

Bootstrap Fileinput查看详情/详细预览空白

2、但是,我又以另一种方式测试了一下。

当我直接点击如图下“上传”按钮,图片是能成功上传与存储磁盘,也能存数据库。

图片上传成功后,点击“查看详情”按钮,“详细预览”图片却能正常显示。

Bootstrap Fileinput

 

从而说明我的代码是没有任何问题的。

 

解决方法

由于项目准备正式上线,来不及具体去研究为什么了?下面给大家说一个不是办法的办法。

 

只需要直接在 BootStrap FileInput script 中加入以下代码即可!

layoutTemplates :{
            actionUpload:'',//去除上传预览缩略图中的上传图片图标;
       },

 

具体可以直接参考:

BootStrap FileInput 去掉图片上面的“上传、删除、预览“按钮 方法

    A+
发布日期:2020年08月24日 11:34:25  所属分类:Bootstrap
最后更新时间:2020-08-24 11:45:10
评分: (2 票;平均数3.00 ;最高评分 5 ;用户总数2;总得分 6;百分比60.00)
付杰
花牛苹果 甘肃天水 李宏恩家自种 1斤 包邮
花牛苹果 甘肃天水 李宏恩家自种 1斤 包邮
  • ¥ 6.8元
  • 市场价:8.8元
SEO顾问 单站最低999元 整站全方位优化
SEO顾问 单站最低999元 整站全方位优化
  • ¥ 999元
  • 市场价:4999元
刷流量 刷人气 刷点击 刷收藏 刷APP关键词
刷流量 刷人气 刷点击 刷收藏 刷APP关键词
  • ¥ 1.0元
  • 市场价:9.9元
免费SSL证书 HTTPS申请 安装 配置 支持通配符*
免费SSL证书 HTTPS申请 安装 配置 支持通配符*
  • ¥ 1999.9元
  • 市场价:20000元

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: