本地png图像未加载

Posted

技术标签:

【中文标题】本地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 应用程序,它运行良好。

【讨论】:

以上是关于本地png图像未加载的主要内容,如果未能解决你的问题,请参考以下文章

Rails 4图像未在heroku上加载

如何将本地 jpeg 或 png 图像文件加载到 iPhone 应用程序中?

本地图像未在发布和 TestFlight 中呈现

使用 Webpack 反应本地图像未加载到页面中

HTML图像未加载图像src

未加载颤振图像(例外:解析图像编解码器)