这是将本地镜像文件来源到 <img>
的方法html 中的元素:
<html>
<h1>This is an image</h1>
<img src="file:///C:/Users/MyUser/Desktop/Plotly_Dash_logo.png" alt="image"></img>
</html>
这会按预期显示图像。但是当我尝试使用 plotly dash 包装元素制作相同的页面时,它不起作用:
import dash
from dash import html, dcc
app = dash.Dash(__name__)
app.layout = html.Div([
html.H1('This is an image'),
html.Img(src=r'file:///C:/Users/MyUser/Desktop/Plotly_Dash_logo.png', alt='image'),
])
if __name__ == '__main__':
app.run_server(host='0.0.0.0', port=8080, debug=False, use_reloader=False)
本地镜像文件不显示。但是如果我用来自互联网的文件替换源代码,比如 'https://rapids.ai/assets/images/Plotly_Dash_logo.png'
, 它工作得很好。
这是怎么回事?
最佳答案
经过更多搜索,我发现我可以将我的图像文件放在一个名为“assets/”的文件夹中,然后相对于应用程序文件夹引用它。
html.Img(src=r'assets/Plotly_Dash_logo.png', alt='image')
我还可以使用应用实例 dash.Dash.get_asset_url()
的特殊方法。
html.Img(src=app.get_asset_url('my-image.png'))
关于python - 在 plotly dash 中,如何将本地镜像文件提供给 dash.html.Img?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/72323871/