Django详情页文件链接文本过长溢出，如何截断显示预览？

可以通过以下几种方式，在不修改实际链接的前提下，限制显示的文件名长度：

方法一：使用Django内置模板过滤器 #

直接用truncatechars或truncatewords过滤器截断显示文本，完全不影响链接跳转功能：

{% for i in post.file_set.all %}
<p class="article-content mt-2 mb-1">
    <strong>Privitak prijave {{ forloop.counter }}: </strong>
    <a href="{{i.file.url}}">{{i.file.name|truncatechars:30}}</a>
</p>
{% endfor %}

• truncatechars:30：限制显示30个字符，超出部分自动用省略号...代替
• 如果想按单词维度截断，改用truncatewords:5（限制显示5个单词）

方法二：自定义模板过滤器（保留文件扩展名） #

如果需要保留文件后缀，避免截断后看不出文件类型，可以自定义专属过滤器：

1. 在你的Django应用目录下创建templatetags文件夹，添加__init__.py和custom_filters.py两个文件
2. 在custom_filters.py中写入以下代码：

import os
from django import template

register = template.Library()

@register.filter
def truncate_filename(value, max_length=20):
    if len(value) <= max_length:
        return value
    name, ext = os.path.splitext(value)
    # 计算文件名可截断的长度，预留省略号和扩展名的位置
    truncatable_length = max_length - len(ext) - 3
    return f"{name[:truncatable_length]}...{ext}"

3. 在模板开头加载这个自定义过滤器：

{% load custom_filters %}

4. 在循环中使用过滤器：

{% for i in post.file_set.all %}
<p class="article-content mt-2 mb-1">
    <strong>Privitak prijave {{ forloop.counter }}: </strong>
    <a href="{{i.file.url}}">{{i.file.name|truncate_filename:25}}</a>
</p>
{% endfor %}

方法三：纯CSS前端截断 #

不需要修改模板代码，通过CSS样式直接控制文本显示效果：

.article-content a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    max-width: 70%; /* 根据页面布局调整合适宽度 */
}

这种方式会让链接文本超出容器宽度时自动显示省略号，完全不修改实际文本内容。

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