python - 如何将图像嵌入到 pandas DataFrame 并在 flask 网页中显示

Question

我想向 Flask 页面显示一个包含一列图像的表格，其余列是文本。我可以在 jupyter notebook 中显示带有图像的表格。但我无法导出为可以嵌入到 flask 中以显示图像的 html 代码。相反，我只看到文本 <img src="http://url.to.image.png"/> .

    import pandas as pd
    from IPython.display import Image, HTML
    df['IMAGE'] = df['IMGLINK'].apply(lambda x: '<img src="{}"/>'.format(x) if x else '')
    pd.set_option('display.max_colwidth', -1)
    HTML(df.to_html(escape=False))

在我的 Flask app.py 代码中，我有以下内容:

    @app.route('/result', methods=['POST'])
    def result():
        pd.set_option('display.max_colwidth',-1)
        df = pd.read_csv('DATA_1.csv')
        df['IMAGE'] = df['IMGLINK'].apply(lambda x: '<img src="{}"/>'.format(x) if x else '')
        df_html = dfresult.to_html(index=False)#line_width=60, col_space=70
        return render_template('result.html', datatable=df_html)

在我的 result.html 中，我有行 {{ datatable | safe }} .

Answer 1

图像未呈现，因为标记被编码为文本，而不是 html如果您希望从数据帧渲染图像，则需要使用 Markup().unescape() 方法。

html = Markup(dataframeName.to_html(classes='data')).unescape() 

这会将 < 转换为 <，同样将其他符号转换为标签。

如果你想知道为什么会这样，你可以在 chrome 中按 F12，选择标签并右键单击 > 编辑为 html，你会看到你的图像标签看起来像这样: <img src='url_path'>但是，它应该看起来像:<img src='url_path'>