本地 png 图像未加载

Question

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

我尝试将图像移动到一个单独的目录，并将其放在与应用程序相同的级别，但是 none 这似乎有效

 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)

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

Answer 1

查看 this post。

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

本地 png 图像未加载

Local png image not loading

python

dashboard

plotly-dash