如何根据包含图像链接的变量渲染图像？答案

【问题标题】：How do I render an image based on a variable which contains the image link?如何根据包含图像链接的变量渲染图像？
【发布时间】：2021-05-23 08:16:45
【问题描述】：

我正在构建一个简单的 Web 应用程序来存储数据。

我在必须基于链接渲染特定图像的部分苦苦挣扎。我创建了一个如下所示的 CSV 文件：

现在，我根据这个文件创建了一个字典，其中 OBJECT 列下的任何内容都设置为键，IMAGE_LINK 列下的任何内容都设置为值。

我想在我的 HTML 文件中呈现该图片。我尝试使用 jinja，但它似乎不起作用。这是我尝试做的事情

[...]
<h2>You are storing: <span style="color:red">{{ object_selling }}</span></h2>
    
    <img alt="{{ category }}" src="{{ shoe_image }}" width="150" height="64">
    
    <form action="" method="post">
[...]

这是我在页面上看到的：

这显然不是预期的结果。

你有没有办法使用 python、flask 和 HTML 来声明一个变量并在 img 标签中使用它？

提前非常感谢

【问题讨论】：

标签： python html flask jinja2

【解决方案1】：

我不确定为什么会这样。因为这通常应该可以正常工作：

<img src="https://i.imgur.com/FpUpfYz.png">

我会确保{{shoe_image}} 实际上包含链接。要对此进行测试，要么在 python 中打印变量，要么将其放入 html 文件中：

{{shoe_image}}

这应该会显示您的链接，如果没有，那么您需要将变量设置为链接。

【讨论】：