JPG изображение отображается как код

Question

Мое изображение thumbnail ссылки на изображение в полный размер. Теперь только изображение появляется как какой-то код. Я использую один и тот же редактор HTML в течение многих лет, все страницы одинаковы. Только эта группа из 5 страниц имеет миниатюры. Возьмите эту ссылку, например:

ÿØÿáExifII*ÿìDucky2ÿáyhttp://ns.adobe.com/xap/1.0/ ÿíHPhotoshop 3.08BIMZ%G8BIM%üá‰È·Éx/4b4XwëÿîAdobedÀÿÛ 

Я также обнаружил, что если я получаю этот код затем подойти к истории и нажмите на название фотографии она выскакивает прямо, как это должно быть. Я не знаю, как это исправить. Я загрузил фотографии несколько раз с двумя файловыми менеджерами, также использовал другое программное обеспечение для фото. Мой редактор показывает, что эти страницы в порядке, но IE показывает, что страницы не имеют стиля, и все браузеры показывают проблему связанного изображения. Я знаю, что это не имеет большого смысла для вас профессионалов, но это мой бизнес-сайт, и клиент рассказал мне о проблеме. После 8 часов попыток исправить это я надеюсь, что вы сможете помочь.

Answer 1

Проблема:

Эта проблема возникает, когда изменения IMG или получил прикоснулся (от самана, в вашем случае) ПОСЛЕ он был загружен на сервер и имя нового (или измененный) IMG остался прежним. Отображаемое изображение не обновляется. Старое изображение все еще отображается, хотя база данных содержит правильное изображение. Я сузил его до того, что в браузере IMAGE IS CACHED. Если мы нажмем кнопку RELOAD в Firefox/Explorer/Safari, все будет обновлено отлично и появится правильное изображение.

Я проверил, что на вашем сайте работает следующим образом:

function is_cached(img_url){ 
    var imgEle = document.createElement("img"); 
    imgEle.src = img_url; 
    return imgEle.complete || (imgEle.width+imgEle.height) > 0; 
} 

А потом я назвал эту функцию, которая возвращает истину или ложь в зависимости от кэшируются или нет:

is_cached("photos/back_to_school_pr5_tn.jpg"); 

И результат вернулся как:

<- true 

Запомнить: При загрузке изображения его имя не сохраняется в базе данных. Он переименован в Image.jpg (просто для использования при его использовании). При замене существующего изображения на новое имя также не изменяется. Изменяется содержимое файла изображения.

Solution один - Нет кода требуется:

Поскольку вы не в бизнесе кодирования (как вы утверждаете), все, что вам нужно сделать, это переименовать в IMG после того, как это было тронут adobe. Всякий раз, когда вы изменяете фотографию в Adobe или загружаете новый IMG, вы должны дать ей новое имя, поскольку более ранняя версия IMG IS STILL IN CACHE.

Решения два - Кодирование требуется:

Если коснувшись IMG с саманом постоянной вещи, что вы делаете после того, как вы загрузите исходное изображение, то приведенное выше решение может быть хлопоты, поэтому вы можете посмотреть, как заставить веб-браузер НЕ кэшировать изображения с этой страницы.

ПРИМЕЧАНИЕ: Это решение подходит только для будущего. В вашем случае IMG уже кэширован. Кроме того, это будет работать, только если фактический IMG внутри вашего HTML, но на вашем сайте ссылка перенесет вас в реальный IMG.

Решение три - Кодирование требуется:

Важное дополнение к вышеупомянутому решению, что вы не можете заставить браузер сделать что-нибудь. Все, что вы можете сделать, это сделать дружеские предложения. Это зависит от браузера и пользователя от этих рекомендаций. Браузер может игнорировать это, или пользователь может переопределить значения по умолчанию. Таким образом, лучший долгосрочным решением будет сохранять имя файла с базой данных. Таким образом, если изображение будет изменено, src тега IMG также изменится. Например:

<img src="picture.jpg?1222259157.415" alt=""> 

где «+1222259157,415» является текущее время на сервере. (Примечание: я использовал python time.time() для его создания)