百度飞桨导出网页不显示图片

Question

在jupyter notework里面可以正常显示，导出成网页就是加载失败的图标。试了好几次都是这样，导出成其他合适也不显示图片。怎么解决呀

Answer 1

阿里嘎多学长整理AIGC生成，因移动端显示问题导致当前答案未能完全显示，请使用PC端查看更加详细的解答过程

百度飞桨导出网页不显示图片

你遇到的问题是百度飞桨在 Jupyter Notebook 中可以正常显示图片，但是导出成网页后图片加载失败，显示为加载失败的图标。这个问题可能是由于 Jupyter Notebook 中的图片是使用相对路径，而在导出成网页后，图片的路径变更了导致加载失败。

解决方法：

1. 在 Jupyter Notebook 中，使用绝对路径来指定图片的路径。例如：

from PIL import Image
img = Image.open('/path/to/image.jpg')

1. 在导出成网页时，使用 output_format 参数来指定图片的路径。例如：

from IPython.display import Image
Image('/path/to/image.jpg', output_format='png')

1. 如果你使用的是百度飞桨的 PaddleVision 库，可以使用 PaddleVision 的 Image 类来显示图片。例如：

import paddle.vision as vision
img = vision.Image('/path/to/image.jpg')

1. 如果以上方法都不能解决问题，可以尝试使用 base64 编码来将图片转换为字符串，然后在网页中使用 img 标签来显示图片。例如：

import base64
with open('/path/to/image.jpg', 'rb') as f:
    img_data = f.read()
img_str = base64.b64encode(img_data).decode('utf-8')

然后，在网页中使用 img 标签来显示图片：

<img src="data:image/jpeg;base64,${img_str}" />

这些方法都可以解决百度飞桨导出网页不显示图片的问题。