本地png图像未加载

Posted 2023-03-22

【中文标题】本地png图像未加载

【英文标题】：Local png image not loading

【发布时间】：2019-11-08 16:00:01

【问题描述】：

我正在为我工​​作的公司制作一个小型仪表板，我想在页面上添加徽标。从理论上讲，一切看起来都很好，但是当我运行应用程序时，即使文件名与代码上的名称相同，图像也不会加载。

我尝试将图像移动到一个单独的目录，并在其中与应用程序处于同一级别，但这些似乎都不起作用

 if __name__ == '__main__':

    external_stylesheets = ['https://codepen.io/chriddyp/pen/bWLwgP.css']

    app = dash.Dash(__name__,external_stylesheets=external_stylesheets)

    app.layout=html.Div(className='container',children=[ 
            html.Img(src='/logo/logo.png')])

    app.run_server(debug=True)

我希望在我加载应用程序时出现图像，但唯一出现的是屏幕上的“损坏的图像”图标。就像我说的，我尝试更改目录并将图像放在根目录下，但仍然无法加载。

【参考方案1】：

查看this post。

我使用与.py 文件在同一目录中的文件测试了一个简单的本地示例，该文件使用image_filename = os.path.join(os.getcwd(), 'picture.jpg') 运行 Dash 应用程序，它运行良好。