Django后端多张图片上传到前端页面并展示
时间: 2023-07-15 14:11:37 浏览: 181
你可以使用Django提供的模型字段ImageField来处理上传的图片,然后在前端使用HTML标签img来展示图片。以下是一个简单的示例:
1. 在你的Django模型中添加一个ImageField字段:
```python
from django.db import models
class MyModel(models.Model):
image = models.ImageField(upload_to='images/')
```
2. 在你的Django视图中处理上传的图片:
```python
from django.shortcuts import render
from .models import MyModel
def upload(request):
if request.method == 'POST':
image = request.FILES['image']
MyModel.objects.create(image=image)
return render(request, 'upload.html')
```
3. 在你的HTML模板中展示图片:
```html
{% for obj in objects %}
<img src="{{ obj.image.url }}" alt="Image">
{% endfor %}
```
其中,'objects'是你从数据库中查询出来的MyModel对象列表。
最后,记得在你的Django项目的settings.py文件中配置MEDIA_ROOT和MEDIA_URL:
```python
MEDIA_ROOT = os.path.join(BASE_DIR, 'media')
MEDIA_URL = '/media/'
```
这样,你上传的图片就会保存在MEDIA_ROOT目录下,并通过MEDIA_URL访问。
阅读全文