Django - 加载大图像包括额外的样式

Question

在Django中加载大图像（600x300px）时，会添加额外的样式，以防止显示图像。

page.html中

<img src="{{article.image.url}}">

通过谷歌浏览器检查时的输出：

<img src="/media/img/600x160_1.png" style="display: none !important; visibility: hidden !important; opacity: 0 !important; background-position: 0px 0px;" width="0" height="0">

我找不到任何理由发生这种情况，当我用较小尺寸的图像（300x150px）替换图像时，它会在没有额外样式内容的情况下正常加载。

我正在使用bootstrap，但删除所有css和javascript文件仍会导致相同的错误。我正在使用imagekit上传图片，并在我的本地环境中安装了Pillow。

Answer 1

我发现了引起这个问题的问题：

在我的测试服务器上复制上传的图像（我使用相同的图像）导致错误。

输出img src是：

<img src="/media/img/600X160_1.png">

当我从中删除“_1”时，它解决了问题：

<img src="/media/img/600X160.png">

通过防止重复的文件名（我将上传时间添加到图像的末尾），我解决了这个特殊的问题。