Plotly Dash - 图像不显示？

Question

我正在学习 Ploty Dash 并尝试了基本的多输出回调。我尝试检索取决于（数字轮和颜色）组合的图像。单选按钮正常并且工作正常，但图像不显示。它只是显示“撕裂图像图标”和方形白色空白。

我的图像以.jpg格式存储在我的C计算机上（路径如下面的代码所示）。我尝试从本课程附加的文件中复制代码，但仍然无法显示该图像。

因为这是我学习Python的第一周，所以我除了四处询问哈哈之外什么也做不了。感谢您的帮助。

  app = dash.Dash()
    

def encode_image(image_file):
    encoded = base64.b64encode(open(image_file, 'rb').read())
    return 'data:image/png;base64,{}'.format(encoded.decode())


app.layout = html.Div([
            dcc.RadioItems(id='wheels',
                options=[{'label': i,'value':i} for i in df['wheels'].unique()],
                           value=1
                          ),
            html.Div(id='wheels-output'),
    
            html.Hr(),
    
            dcc.RadioItems(id='colors',
                 options=[{'label': i,'value':i} for i in df['color'].unique()],
                           value='blue'),
            html.Div(id='colors-output'),
            
            html.Img(id='display-image', src='children', height=300)
      
], style={'fontFamily':'helvetica','fontsize':18})

@app.callback(Output('wheels-output','children'),
             [Input('wheels','value')])

def callback_a(wheels_value):
    return "You Chose {}".format(wheels_value)

@app.callback(Output('colors-output','children'),
             [Input('colors','value')])

def callback_b(colors_value):
    return "You Chose {}".format(colors_value)

@app.callback(Output('display-image','src'),
             [Input('wheels','value'),
             Input('colors','value')])

def callback_image(wheel, color):
    path = '/Python/Udemy-Plotly/Data/Images/'
    return encode_image(path+df[(df['wheels']==wheel) &  
                                (df['color']==color)]['image'].value[0])

Answer 1

尝试将下面的行修改

'data:image/png;base64,{}'.format(encoded.decode())

为

'data:image/jpg;base64,{}'.format(encoded.decode())

Answer 2

我提供了完整的路径名。

path = '/Users/sathya/PythonClass/Data_Analysis_with_Python/Data_Visualization/Dash/Image/'   

也

'data:image/png;base64,{}'.format(encoded.decode()) 

改为

'data:image/jpg;base64,{}'.format(encoded.decode())