Django后端多张本地图片在前端页面并展示
时间: 2023-07-15 10:11:30 浏览: 118
在 Django 中展示多张本地图片可以使用以下步骤:
1. 在 models.py 中定义一个模型来存储图片信息,例如:
```python
from django.db import models
class Image(models.Model):
title = models.CharField(max_length=200)
image = models.ImageField(upload_to='images/')
```
2. 在 settings.py 中设置 MEDIA_ROOT 和 MEDIA_URL,用于存储和访问上传的图片:
```python
MEDIA_ROOT = os.path.join(BASE_DIR, 'media')
MEDIA_URL = '/media/'
```
3. 在 urls.py 中添加以下代码,使得 Django 在开发模式下能够访问到上传的图片:
```python
from django.conf import settings
from django.conf.urls.static import static
urlpatterns = [
# ... 其他 URL 配置 ...
] + static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)
```
4. 在 views.py 中查询所有的图片并将它们传递给模板:
```python
from django.shortcuts import render
from .models import Image
def image_list(request):
images = Image.objects.all()
return render(request, 'image_list.html', {'images': images})
```
5. 在模板中使用一个循环来展示所有的图片:
```html
{% for image in images %}
<img src="{{ image.image.url }}" alt="{{ image.title }}">
{% endfor %}
```
这样,就可以在前端页面展示多张本地图片了。
阅读全文