当前位置: 代码迷 >> 综合 >> 解决bootstrap-fileinput无法删除initialPreview初始化预览的文件
  详细解决方案

解决bootstrap-fileinput无法删除initialPreview初始化预览的文件

热度:37   发布时间:2023-10-16 10:45:44.0

1.导语

最近在开发的时候遇见bootstrap-fileinput文件上传无法删除initialPreview预览文件的问题。因为很多情况下可能有一些默认的文件,但是需要删除,可是页面显示了删除按钮却无法删除文件,在网上查找了很多资料,没有看见解决方案,最后自己查看了源码后找到了问题所在。

2.思路

之所以显示了删除按钮却不能删除预览图的原因是因为没有给按钮绑定事件,所以我们只需要在插件初始化后绑定删除时间就可以了。

代码如下:

            $("#fileList").fileinput({'theme': 'explorer-fas','uploadUrl': ctx + "common/upload/uploadsSingleFile",overwriteInitial: false,initialPreviewAsData: true,showRemove:true,initialPreview: initialPreview})$("#fileList").fileinput('_initFileActions');//这行代码就是调用绑定删除事件的