Python Django-加载大图像包括额外的样式
在Django中加载大图像(600x300px)时,会添加额外的样式以防止图像显示 page.htmlPython Django-加载大图像包括额外的样式,python,django,image,django-imagekit,pillow,Python,Django,Image,Django Imagekit,Pillow,在Django中加载大图像(600x300px)时,会添加额外的样式以防止图像显示 page.html <img src="{{article.image.url}}"> 通过Google Chrome检查输出时: <img src="/media/img/600x160_1.png" style="display: none !important; visibility: hidden !important; opacity: 0 !important; backgro
<img src="{{article.image.url}}">
通过Google Chrome检查输出时:
<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。我发现了导致此问题的问题: 在我的测试服务器上重复上传的图像(我使用的是相同的图像)导致错误 输出img src为:
<img src="/media/img/600X160_1.png">
当我从中删除“_1”时,它解决了问题:
<img src="/media/img/600X160.png">
通过防止重复文件名(我将上传时间添加到了图像的末尾),我解决了这个特殊问题。添加额外样式的逻辑在哪里?没有添加额外样式的逻辑,它只是突然出现。Chrome inspector将其包含在“element.Styleing”部分,我根本找不到原点的任何痕迹。请在
img
标记周围添加更多上下文。你确定页面加载时绝对没有javascript或css吗?我添加了img标签?最上面的代码部分在html文件中,第二个是呈现时的输出。是的,我可以看到,我的意思是在img标记周围添加更多代码,即包围它的元素。很可能这不是问题所在,而是一个adblocker阻止了您查看图像。看见