我一直认为我把“Bootstrap Fileinput图片上传”所有的功能都已经搞定了,今天在测试是否有BUG?项目准备正式上线的时候,结果出现以下这样的一个问题:
1、我直接点击如图下“图片上传”按钮时,图片能成功上传与存储磁盘,也能存数据库。
当:图片上传成功后,点击“查看详情”按钮。
结果,图片“详细预览”却显示不出来,图片显示为空白。
2、但是,我又以另一种方式测试了一下。
当我直接点击如图下“上传”按钮,图片是能成功上传与存储磁盘,也能存数据库。
图片上传成功后,点击“查看详情”按钮,“详细预览”图片却能正常显示。
从而说明我的代码是没有任何问题的。
解决方法
由于项目准备正式上线,来不及具体去研究为什么了?下面给大家说一个不是办法的办法。
只需要直接在 BootStrap FileInput script 中加入以下代码即可!
layoutTemplates :{
actionUpload:'',//去除上传预览缩略图中的上传图片图标;
},
具体可以直接参考: