python - 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）替换图像时，它可以很好地加载而没有额外的样式内容。

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

Answer 1

我发现了导致此问题的问题：

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

输出 img src 是：

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

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

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

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