Изображение не отображается в Chrome

Question

Я пытаюсь установить источник изображения. Изображение правильно отображается в IE и Firefox, но не отображается в Chrome. Сообщение об ошибке, отображаемое в консоли: «Ресурс интерпретируется как изображение, но передается с MIME-типом text / html.»

ColdFusion.Window.show('loading');
image = <cfoutput>#randrange(1,numImages)#</cfoutput>;
document.getElementById("loadImg").src = "./images/loading" + image + ".gif";           
setTimeout('document.images["loadImg"].src = "./images/loading" + image + ".gif"', 100);

Я предполагаю, что мне нужно изменить тип MIME, но я понятия не имею, как это сделать. Что мне нужно изменить, чтобы это работало в Chrome?

Answer 1

ЕСЛИ вы знаете, что изображение существует в этом месте, то MIME-типы веб-сервера, вероятно, неправильно настроены для .gif. Должно быть изображение / gif выглядит так, как это text / html.

Answer 2

Я бы использовал Инструменты разработчика (Ctrl-Shift-I) и проверил атрибут src, который вы назначаете. Как только вы получите этот URL, попробуйте посмотреть, действительно ли вы получаете изображение. Как уже говорили другие, вы можете получить 404. URL-адрес может быть сформирован не так, как вы намеревались.

Answer 3

Ну, сообщение об ошибке точно описывает проблему. Очевидно, в других браузерах меньше проблем с изображением, имеющим неправильный тип MIME, но Chrome это не нравится.

Это почти наверняка ошибка на стороне сервера. Являются ли изображения, которые вы хотите генерировать динамически, например, используя скрипт PHP?

Answer 4

Я предполагаю, что тип mime text / html связан с тем, что URL-адрес изображения возвращает страницу 404. Попробуйте это без точки в пути:

document.getElementById("loadImg").src = "images/loading" + image + ".gif";