Django模板中的可變圖像

Question

我是Django的新手，我想知道實現這個目標的最佳方式是什麼。

我在靜態文件夾中放置了大量（15K +）的圖像，我希望在網頁上一次顯示3個圖像。

我嘗試：

我可以我的模板中硬編碼的名字，像這樣：

<div id="imageholder"> 
    <img src="{% static "images/im1.jpg" %}" /> 
    <img src="{% static "images/im2.jpg" %}" /> 
    <img src="{% static "images/im3.jpg" %}" /> 
</div> 

但這當然不是爲15K +圖像的選項。我想使用jQuery來更改函數中的名稱。

例如：

<div id="imageholder"> 
</div> 
<script> 
    names = ['im1','im2','im3'] 
    for (i = 0; i < names.length; i++) { 
     html = `<img src="{% static "images/${names[i]}" %}" />` 
     $('#imageholder').append(html) 
    } 
</script> 

我相信這會工作，但它要求我把所有我沒有名字的列表。我想也許我可以使用os.listdir()，但我不知道如何將其納入網頁。

Answer 1

在您的視圖列表中添加到上下文：

images = os.listdir("path/to/images") #Can use glob as well 
context = {'images': images} 
return render(request,'/path/to/template',context} 

在模板：

​​

Answer 2

您可以預生成迭代器在您的上下文images/imN.jpg字符串，並在模板遍歷它。

​​

 

<div id="imageholder"> 
{% for name in names %} 
    <img src="{% static name %}" /> 
{% endfor %} 
</div> 

Answer 3

在從那裏你想發送的特定視圖功能

的圖像模板

import os 
images = os.listdir('/path_to_static') 
return render(request,'template.html',{'images':images}) 

在模板：

{% for img in images %} 
<img src="{% static 'img' %}"> 
{% endfor %}