首页 > 解决方案 > 使用带有for循环的html页面显示两个python列表中的图像和名称?

问题描述

我有两个列表,它们使用 render_template 从 python 烧瓶脚本返回到 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>  

我得到的输出是(表格格式):

图 1 名称 1

图 2 名称 1

我期望的输出是(在表格格式中):

图 1 名称 1

图 2 名称 2

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

标签: pythonhtmlloopsflask

解决方案


您可以尝试使用迭代range

前任:

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

推荐阅读