如何在HTML中渲染Django模型中不同类型的FileField文件？

Hey there! 我来帮你解决这个Django里判断文件类型并针对性展示的问题～

扩展名很容易被伪造，所以最稳妥的方式是读取文件头解析MIME类型，推荐用python-magic库来实现：

步骤1：安装依赖 #

# 通用版本
pip install python-magic

# Windows系统建议安装这个版本
pip install python-magic-bin

步骤2：给模型添加判断方法 #

修改你的BlogFiles模型，增加一个属性来返回文件类型：

from django.db import models
import magic

class BlogFiles(models.Model):
    post = models.ForeignKey('Post', on_delete=models.CASCADE)  # 别忘了补充on_delete参数！
    file = models.FileField(upload_to='blog_files', null=True, blank=True)

    @property
    def file_type(self):
        if not self.file:
            return None
        
        # 读取文件前1024字节解析MIME类型，避免读取整个文件提升性能
        mime_type = magic.from_buffer(self.file.read(1024), mime=True)
        # 重置文件指针，防止后续读取文件时出错
        self.file.seek(0)
        
        if mime_type.startswith('image/'):
            return 'image'
        elif mime_type.startswith('video/'):
            return 'video'
        else:
            return 'other'

如果你的场景不担心用户伪造扩展名，也可以直接通过文件后缀判断，优点是不用装额外依赖：

import os
from django.db import models

class BlogFiles(models.Model):
    post = models.ForeignKey('Post', on_delete=models.CASCADE)
    file = models.FileField(upload_to='blog_files', null=True, blank=True)

    @property
    def file_type(self):
        if not self.file:
            return None
        
        ext = os.path.splitext(self.file.name)[1].lower()
        # 定义支持的图片和视频扩展名
        image_extensions = ['.jpg', '.jpeg', '.png', '.gif', '.webp']
        video_extensions = ['.mp4', '.mov', '.avi', '.wmv', '.webm']
        
        if ext in image_extensions:
            return 'image'
        elif ext in video_extensions:
            return 'video'
        else:
            return 'other'

在Django模板里，根据file_type的值渲染不同的HTML标签：

{% for file_item in post.blogfiles_set.all %}
    {% if file_item.file_type == 'image' %}
        <img src="{{ file_item.file.url }}" alt="博客图片" style="max-width: 100%; margin: 10px 0;">
    {% elif file_item.file_type == 'video' %}
        <video controls style="max-width: 100%; margin: 10px 0;">
            <source src="{{ file_item.file.url }}" type="{{ file_item.file.content_type }}">
            你的浏览器不支持视频播放，请更新浏览器或下载文件查看
        </video>
    {% else %}
        <a href="{{ file_item.file.url }}" target="_blank" class="file-link">
            📄 下载文件：{{ file_item.file.name|slice:"-20:" }}
        </a>
    {% endif %}
{% endfor %}

小提示 #

• 使用python-magic时，Linux系统可能需要安装系统依赖：sudo apt-get install libmagic1
• 处理文件后一定要调用seek(0)重置指针，否则后续读取文件（比如下载）会从中间开始导致文件损坏
• 视频标签里的content_type可以直接用FileField自带的属性，帮助浏览器正确识别视频格式

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