在django中不能使用循环计数器加载动态图像

Question

我无法使用循环计数器加载图像。

正在加载页面http://localhost: 8000/静态/图片/png % 7 b % 7 bforloop.counter % 7 d % 7 d.png

代替http://localhost:8000/static/images/png1.pnghttp://localhost: 8000/静态/图片/png2.png

def html(request):
# template = loader.get_template('index.html')
# return HttpResponse(template.render())
params = {'movie':['Dr Strange','Shamsheera']}
return render(request, 'index.html',params)

<table style="width:100%">
{% for m in movie %}
<tr>
<td width="30%"><img src="{% static 'images/png{{forloop.counter}}.png' %}" alt="{{forloop.counter}}"></td>
<td width="20%">{{m}}</td>
<td width="50%">Lorem ipsum dolor sit amet consectetur adipisicing elit. Numquam explicabo asperiores est nostrum mollitia dignissimos unde sapiente quos deserunt eveniet placeat beatae neque incidunt quia nulla itaque voluptatum earum, repudiandae enim cum fugiat nisi magnam dolorem? Deserunt odit, repellat eius qui asperiores adipisci soluta blanditiis inventore dignissimos est et nesciunt porro, iusto, ex at consectetur obcaecati unde! Dolorem rerum veniam mollitia, provident, sunt officiis maxime maiores atque cumque consequatur quidem molestias amet ullam? Iure pariatur, tempora voluptatem sint, quidem eius vel nemo eveniet eaque unde doloremque. Adipisci, maiores corrupti, ut debitis, error odio omnis odit id ratione enim minima a!</td>
</tr>
{% endfor %}
</table>

Answer 1

您试图在模板标签中使用变量，但它不起作用。您可以通过将字符串与add模板过滤器连接来实现:

<table style="width:100%">
{% for m in movie %}
<tr>
<td width="30%">
{% with 'images/png'|add:forloop.counter as image %}
<img src="{% static image %}" alt="{{forloop.counter}}">
{% endwith %}
</td>
<td width="20%">{{m}}</td>
<td width="50%">Lorem ipsum dolor sit amet consectetur adipisicing elit. Numquam explicabo asperiores est nostrum mollitia dignissimos unde sapiente quos deserunt eveniet placeat beatae neque incidunt quia nulla itaque voluptatum earum, repudiandae enim cum fugiat nisi magnam dolorem? Deserunt odit, repellat eius qui asperiores adipisci soluta blanditiis inventore dignissimos est et nesciunt porro, iusto, ex at consectetur obcaecati unde! Dolorem rerum veniam mollitia, provident, sunt officiis maxime maiores atque cumque consequatur quidem molestias amet ullam? Iure pariatur, tempora voluptatem sint, quidem eius vel nemo eveniet eaque unde doloremque. Adipisci, maiores corrupti, ut debitis, error odio omnis odit id ratione enim minima a!</td>
</tr>
{% endfor %}
</table>

而且，自定义模板标签对您的情况很有帮助。