请教Bootstrap fileinput新上传的图片怎么回显啊

比如刷新过页面,库里有3张,页面回显3张,然后我新加1张,再打开编辑.还是3张,刷新下页面就是4张了

要实现 Bootstrap Fileinput 新上传的图片在页面回显的功能,您可以采取以下步骤:

  1. 在页面加载时,从服务器获取图片信息,并将其显示在页面上。确保您正确处理并渲染图片的 HTML 元素。

  2. 如果您使用的是 Bootstrap Fileinput 插件,确保已正确初始化插件。根据插件的文档,您可能需要添加一些配置选项。

  3. 当用户选择新的图片并上传后,在上传成功的回调函数中,将这张新图片的 URL 添加到当前页面的显示列表中。

  4. 为了保持页面回显的一致性,建议在服务器端保存图像信息,并在通过 AJAX 请求增删改查时更新该信息。这样即使页面刷新或重新加载,也能通过服务器端数据来保持图片的一致性。

  5. 在编辑模式下,确保获取到的图片数据与预期一致,并将其显示在页面的合适位置。

通过以上步骤,您应该能够实现 Bootstrap Fileinput 新上传图片的回显功能。如果问题仍然存在,请检查以下内容:

  • 确保您正确设置了 Bootstrap Fileinput 的配置选项,例如 initialPreview、initialPreviewConfig 等。
  • 核对服务器端的数据和前端的显示逻辑是否一致,以避免出现数据不同步的情况。
  • 检查浏览器控制台是否有任何错误或警告提示,可能会提供一些有用的信息来解决问题。

希望以上信息能对您有所帮助!