Django：配置博客文章模型的图片关联及后台展示设置

首先，你的多对多关联方向是完全正确的——因为要实现单张图片被多篇文章复用，Post里加ManyToManyField关联Picture的思路没问题！接下来我们重点解决管理后台只显示当前文章关联图片的需求，具体步骤如下：

你的Picture模型里还缺了存储图片的核心字段，先补上：

import os
from django.db import models

class Picture(models.Model):
    # 新增图片存储字段，指定上传路径
    image = models.ImageField(upload_to='get_image_path')

    def get_image_path(instance, filename):
        # 示例：把图片存在media/post_pics/[图片ID]/[原文件名]下
        return os.path.join('post_pics', str(instance.id), filename)

    def __str__(self):
        # 后台显示图片文件名，方便识别
        return self.image.name

注意：记得先安装Pillow（pip install pillow），否则ImageField无法正常工作。

可以给ManyToManyField加个related_name，方便后续反向查询（比如查某张图片被哪些文章用了），不影响功能但更实用：

class Post(models.Model):
    name = models.CharField(max_length=200, null=False)
    article = models.TextField(null=False)
    # 加related_name，反向查询用Picture.posts.all()就能拿到关联的文章
    img = models.ManyToManyField('Picture', related_name='posts')

    def __str__(self):
        return self.name

默认的多对多控件会显示所有图片，我们用Inline组件来实现只展示当前文章已关联的图片，同时支持添加新关联：

from django.contrib import admin
from .models import Post, Picture

# 定义多对多关联的Inline组件
class PostPictureInline(admin.TabularInline):
    # 指向Post和Picture自动生成的中间表
    model = Post.img.through
    # 不显示额外的空关联行，只展示已关联的图片
    extra = 0
    # 如果想在Inline里直接预览图片，可以加个只读字段
    readonly_fields = ['preview_image']

    def preview_image(self, obj):
        # 后台显示图片缩略图预览
        return f'<img src="{obj.picture.image.url}" style="width: 100px;" />'
    preview_image.allow_tags = True

# 配置文章Admin
@admin.register(Post)
class PostAdmin(admin.ModelAdmin):
    list_display = ['name']
    # 隐藏原来的img字段，避免和Inline冲突
    exclude = ['img']
    # 把刚才的Inline加进来，就会在文章编辑页显示已关联的图片
    inlines = [PostPictureInline]

# 配置图片Admin，方便单独上传/管理图片
@admin.register(Picture)
class PictureAdmin(admin.ModelAdmin):
    list_display = ['image', 'preview_image']
    readonly_fields = ['preview_image']

    def preview_image(self, obj):
        return f'<img src="{obj.image.url}" style="width: 100px;" />'
    preview_image.allow_tags = True

• 编辑文章时，页面下方只会显示当前文章已关联的图片，不会出现所有图片的下拉框
• 点击"添加另一个图片"按钮，可以从所有已上传的图片中选择新的关联（实现图片复用）
• 图片可以单独在Picture Admin里上传管理，不需要绑定文章

最后别忘了在项目配置里加MEDIA相关设置，让图片能正常访问：

# settings.py
MEDIA_ROOT = os.path.join(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)

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