【报错】使用gradio渲染html页面无法加载本地图片

在使用gradio框架渲染html页面，使用绝对路径"D:\Pycharm_Projects\llm_report_generate\extracted_images"无法正确加载图片

[HTML] how to load local image by html output #884

Closed
Olvi73 opened this issue on Mar 27, 2022 · 5 comments

查看github issue下的解决方案，将运行gradio的文件所在位置与图片所在位置使用相对路径，

因此，如果你的Gradio应用程序的代码在一个名为app.py的文件中，并且你在同一目录中有一张名为lion.jpg的图像：
----app.py
----lion.jpg
那么app.py中的代码将如下所示：

import gradio as grtitle = "test"def inference(text):html = ("<div >""<img  src='file/lion.jpg' alt='image One'>"+ "</div>")return htmlgr.Interface(inference,gr.inputs.Textbox(placeholder="Enter sentence here..."),outputs=["html"],title=title,allow_flagging="never",).launch(enable_queue=True)

请注意，出于安全原因，应用程序中包含的任何文件都必须位于app.py的同一目录或子目录中。

成功解决