<img> 无法使用该网址，但当我将网址放入浏览器时它可以工作

Question

下图显示为损坏的图像，但当我将 URL 输入浏览器时，它工作正常。当我通过浏览器 VIA url 访问图像后，图像被缓存并且图像标签开始工作，但是一旦我清除缓存，图像就会再次损坏。有人可以帮我解决这个问题吗？

<img src="http://www.rktteam.vastserve.com/Brawlhalla-660x330.png" style="background-color: initial;">

我不认为这是 HTTPS/HTTP 不匹配问题。左侧是带有 HTTP URL 的损坏图像（当您在浏览器中访问它时它可以工作）。右边是另一个带有 HTTP 的图像，但即使在我清除缓存后它仍然可以工作。

请在此处查看完整的 html。 https://www.rkt-team.com/events/32

Answer 1

您使用

https

协议链接到网站，但您引用的 img 使用

http

协议。出于安全原因，您不得在 https 站点中加载不安全 (http) 内容。

将

http

更改为

https

或反之亦然。

Answer 2

当浏览器请求图像时，服务器返回的根本不是图像——MIME类型返回为text/html。

如果您想了解服务器这样做的原因，请调查服务器。

Answer 3

这可能是您的输出缓冲区有问题。是用php构建的吗？你尝试过 ob_clean() 吗？

Answer 4

我无法解决这个问题。该问题与 http://www.uhostall.com/ 有关。不过我能够解决这个问题。我将主机更改为 000webhost，不再遇到此问题。

Answer 5

首先在请求栏查看图片请求是否成功。就我而言，由于标头不适当，对图像的请求被阻止，我使用此链接修复它如何防止 ERR_BLOCKED_BY_RESPONSE.NotSameOriginAfterDefaultedToSameOriginByCoep？

Answer 6

尝试删除背景颜色