Django Admin多图上传问题：上传8张图重复保存8次如何解决？

1. 模型层调整（models.py） #

拆分Post与图片的关联关系，建立一对多映射，确保单条Post对应多张图片：

from django.db import models

class Post(models.Model):
    # 房产核心字段示例
    title = models.CharField(max_length=200)
    price = models.DecimalField(max_digits=10, decimal_places=2)
    address = models.CharField(max_length=300)
    # 其他业务字段...

class ListingImage(models.Model):
    post = models.ForeignKey(Post, on_delete=models.CASCADE, related_name='images')
    image = models.ImageField(upload_to='listing_images/%Y/%m/%d/')

related_name='images'用于后续通过Post实例快速获取所有关联图片。

2. 表单层调整（forms.py） #

给Post表单添加多文件上传字段，无需单独创建Image表单：

from django import forms
from .models import Post

class PostForm(forms.ModelForm):
    images = forms.FileField(widget=forms.ClearableFileInput(attrs={'multiple': True}))

    class Meta:
        model = Post
        fields = ['title', 'price', 'address']  # 替换为你的Post实际字段

3. 视图层修正（views.py） #

核心逻辑：先创建单条Post记录，再批量关联上传的图片，避免循环创建Post：

from django.shortcuts import render, redirect
from .forms import PostForm
from .models import ListingImage

def post_create(request):
    if request.method == 'POST':
        form = PostForm(request.POST, request.FILES)
        if form.is_valid():
            # 先创建Post实例但暂不提交到数据库
            post = form.save(commit=False)
            post.save()
            # 批量处理上传的图片并关联到当前Post
            uploaded_images = request.FILES.getlist('images')
            for img in uploaded_images:
                ListingImage.objects.create(post=post, image=img)
            return redirect('listings')  # 跳转到房产列表页
    else:
        form = PostForm()
    return render(request, 'pro.html', {'form': form})

4. 模板层实现需求 #

listings.html（列表页仅显示首图） #

{% for post in posts %}
<div class="listing-card">
    <h3>{{ post.title }}</h3>
    <span class="price">¥{{ post.price }}</span>
    <!-- 显示首图，无图时展示默认占位图 -->
    {% if post.images.first %}
        <img src="{{ post.images.first.image.url }}" alt="{{ post.title }}" class="listing-thumb">
    {% else %}
        <img src="/static/images/default-thumb.jpg" alt="默认封面" class="listing-thumb">
    {% endif %}
    <a href="{% url 'post_detail' post.id %}">查看详情</a>
</div>
{% endfor %}

详情页（显示全部图片） #

<div class="post-detail">
    <h1>{{ post.title }}</h1>
    <p class="address">{{ post.address }}</p>
    <div class="image-gallery">
        {% for image in post.images.all %}
            <img src="{{ image.image.url }}" alt="{{ post.title }}" class="gallery-img">
        {% endfor %}
    </div>
</div>

额外配置说明 #

• 确保settings.py中配置媒体文件路径：

  # settings.py
  MEDIA_ROOT = BASE_DIR / 'media'
  MEDIA_URL = '/media/'
  

• 根urls.py添加媒体文件访问路由：

  from django.conf import settings
  from django.conf.urls.static import static
  
  urlpatterns = [
      # 你的其他路由配置...
  ] + static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)
  

• 表单必须包含enctype="multipart/form-data"属性：

  <!-- pro.html -->
  <form method="POST" enctype="multipart/form-data">
      {% csrf_token %}
      {{ form.as_p }}
      <button type="submit">发布房产</button>
  </form>
  

内容的提问来源于stack exchange，提问作者Prazo