這是如何將本地影像檔案源到<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'，它就可以了。
這里發生了什么？
uj5u.com熱心網友回復：
您可以嘗試使用這個舊 GitHub 問題中提供的解決方案： https ://github.com/plotly/dash/issues/71
它似乎不是為本地網址構建的：？
uj5u.com熱心網友回復：
經過一番搜索，我發現我可以將我的影像檔案放在一個名為“assets/”的檔案夾中，然后相對于 app 檔案夾參考它。
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'))
資料來源：https ://dash.plotly.com/dash-enterprise/static-assets
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/480515.html
下一篇：設定影像背景java