这种方式利用 Django 的 Form 表单来实现图片上传，然后通过模板将上传的图片显示出来。
说明： 使用 Django 的 forms.ImageField 字段来处理图片上传，然后在视图中处理表单提交，将图片保存到指定的目录中，并在模板中使用 ![]() 标签来显示图片。
代码示例：
创建一个 Django Form 表单：
# forms.py
from django import forms
class ImageUploadForm(forms.Form):
image = forms.ImageField()
编写视图函数来处理表单提交和图片显示：
# views.py
from django.shortcuts import render
from .forms import ImageUploadForm
def upload_image(request):
if request.method == 'POST':
form = ImageUploadForm(request.POST, request.FILES)
if form.is_valid():
image = form.cleaned_data['image']
# 处理图片保存逻辑，例如保存到指定目录
else:
form = ImageUploadForm()
return render(request, 'upload_image.html', {'form': form})
创建模板来显示表单和上传的图片：
<!-- upload_image.html -->
<!DOCTYPE html>
<html>
<head>
<title>Image Upload</title>
</head>
<body>
<h2>Upload an Image</h2>
<form method="post" enctype="multipart/form-data">
{% csrf_token %}
{{ form.as_p }}
<button type="submit">Upload</button>
</form>
{% if image %}
<h2>Uploaded Image</h2>
{% endif %}
</body>
</html>
总结： 通过 Django 的 Form 表单和模板，可以方便地实现图片上传和显示功能。用户通过表单上传图片，Django 处理表单提交并保存图片，然后在模板中使用 ![]() 标签显示上传的图片。
这种方式将上传的图片保存到 Django 的数据库中，然后从数据库中获取图片数据进行显示。
说明： 使用 Django 的 models.ImageField 字段来保存图片，用户上传的图片会被存储在服务器上，然后在模板中通过 URL 来显示图片。
代码示例：
创建一个 Django Model 来保存图片：
# models.py
from django.db import models
class UploadedImage(models.Model):
image = models.ImageField(upload_to='uploaded_images/')
编写视图函数来处理图片上传和显示：
# views.py
from django.shortcuts import render, redirect
from .models import UploadedImage
from .forms import ImageUploadForm
def upload_image(request):
if request.method == 'POST':
form = ImageUploadForm(request.POST, request.FILES)
if form.is_valid():
image = form.cleaned_data['image']
UploadedImage.objects.create(image=image)
return redirect('image_list')
else:
form = ImageUploadForm()
return render(request, 'upload_image.html', {'form': form})
def image_list(request):
images = UploadedImage.objects.all()
return render(request, 'image_list.html', {'images': images})
创建模板来显示上传的图片列表：
<!-- image_list.html -->
<!DOCTYPE html>
<html>
<head>
<title>Image List</title>
</head>
<body>
<h2>Uploaded Images</h2>
{% for image in images %}
{% endfor %}
</body>
</html>
总结： 使用 Django 的 Model 来保存图片，可以将上传的图片数据存储在数据库中，然后通过模板从数据库中获取图片 URL 来进行显示。这种方式适用于需要对图片进行更多操作的场景，如图片管理和关联其他数据。
这种方式利用第三方库（例如 django-crispy-forms 和 Pillow ）来简化图片上传和显示的过程。
说明： 使用第三方库可以简化 Django 图片上传的过程，例如使用 django-crispy-forms 来美化表单，使用 Pillow 库来处理图片的缩放和格式转换。
代码示例：
安装第三方库：
pip install django-crispy-forms Pillow
更新 Django 设置：
# settings.py
INSTALLED_APPS = [
# ...
'crispy_forms',
]
CRISPY_TEMPLATE_PACK = 'bootstrap4'
使用 django-crispy-forms 来美化表单和处理图片上传：
# forms.py
from django import forms
from crispy_forms.helper import FormHelper
from crispy_forms.layout import Submit
from .models import UploadedImage
class ImageUploadForm(forms.ModelForm):
class Meta:
model = UploadedImage
fields = ['image']
def __init__(self, *args, **kwargs):
super().__init__(*args, **kwargs)
self.helper = FormHelper()
self.helper.add_input(Submit('submit', 'Upload'))
使用 Pillow 库来处理图片大小和格式：
# models.py
from django.db import models
from PIL import Image
class UploadedImage(models.Model):
image = models.ImageField(upload_to='uploaded_images/')
def save(self, *args, **kwargs):
super().save(*args, **kwargs)
img = Image.open(self.image.path)
if img.height > 800 or img.width > 800:
output_size = (800, 800)
img.thumbnail(output_size)
img.save(self.image.path)
总结： 使用第三方库可以简化图片上传和显示的过程，django-crispy-forms 可以美化表单，而 Pillow 库可以处理图片的大小和格式。这样可以提高开发效率并改善用户体验。
