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类型提供的图片时问题较少，但Chrome不喜欢它。

这几乎肯定是服务器端错误。您想要的图像是否动态生成，例如使用PHP脚本？

Answer 2

我会使用开发人员工具（Ctrl-Shift-I）并检查您要分配的src属性。获得该URL后，请尝试查看您是否真正获得了图像。正如其他人所说的那样，你可能会得到一个404.这个URL可能不会完全按照你的意愿形成。

Answer 3

IF 您知道图像存在于该位置，那么网络服务器的mime类型可能会错误配置为.gif。应该是image / gif看起来像是text / html。

Answer 4

我猜文本/ html mime类型是因为图像URL返回404页面。尝试没有路径中的点：

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

图片未在Chrome中显示

4 个答案: