使用带有for循环的html页面显示来自两个python列表的图像和名称？

Question

我有两个列表，这些列表是使用render_template从python flask脚本返回到HTML页面的。 第一个列表包含图像：图片= [] 第二个列表包含名称：名称= []

所以我所做的是：

<table>
                {% set i = 0 %}
                {% for x in pics: %}                    
                <tr>                        
                    <td>
                    <img src="data:image/png;base64,{{ x}}" width="100" height="100">
                    </td>                        
                    <td>                           
                        {{ names[i] }} </h3> 
                         {% set i = i+1 %}                          
                    </td>                        
                </tr>                         
                {% endfor %}
</table>  

我得到的输出是（以表格格式）：

pic1 name1

pic2名称1

我期望的输出是（以表格格式）：

pic1 name1

pic2 name2

任何帮助将不胜感激。...

Answer 1

您可以尝试使用range

进行迭代

例如：

<table>
    {% for x in range(A|length ) %}                    
        <tr>                        
            <td>{{ A[x] }}</td>                        
            <td>{{ B[x] }}</td>          
        </tr>                         
    {% endfor %}
</table>