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

Question

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

Answer 1

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

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

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

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

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

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

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

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

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