Django - 加載大圖像包含額外樣式

在Django中加載大圖像（600x300px）時，會添加額外樣式以防止顯示圖像。Django - 加載大圖像包含額外樣式

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">

我無法找到任何原因發生的，當我更換一個較小尺寸的一個圖像（ 300x150像素），它沒有額外的樣式內容加載罰款。

我使用引導，但刪除所有的CSS和JavaScript文件仍然導致相同的錯誤。我正在使用imagekit上傳圖像，並將Pillow安裝在我的本地環境中。

來源

2013-05-27 phalt

添加額外樣式的邏輯在哪裏？ –

沒有什麼邏輯可以增加額外的造型，它只是出現在無處不在的地方。 Chrome檢查器將其包含在「element.styling」部分中，我根本找不到任何來源的痕跡。 – phalt

請添加更多關於'img'標籤的內容。你確定當頁面加載時絕對沒有JavaScript和CSS？ –

我發現造成這一問題：

重複上傳了我的測試服務器上的圖像（我用的是相同的圖像）是導致錯誤。

輸出IMG SRC是：

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

當我刪除了「_1」從此，它解決了這個問題：

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

通過防止重複的文件名（我添加了上傳時間到圖像的末尾）我解決了這個奇怪的問題。

來源

2013-05-28 09:52:08 phalt

這可能不是問題，而是阻止您看到圖像的adblocker。請參閱http://stackoverflow.com/questions/13980272/images-not-appearing-on-site-accessible-directly-through-url –

Django - 加載大圖像包含額外樣式

回答

相關問題