在使用img标签的src属性引用网络图片资源时加载图片失败的问题

最新推荐文章于 2024-08-04 21:17:54 发布

VVVinegar

最新推荐文章于 2024-08-04 21:17:54 发布

阅读量1.5w

点赞数

分类专栏： web 文章标签：编辑器 html

本文链接：https://blog.csdn.net/vvvinegar/article/details/54712405

版权

web 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

问题如标题，以简单代码演示：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
    </head>
    <body>
        <img  src="http://p1.so.qhmsg.com/t01f77e838597537491.gif">
    </body>
</html>

这是一段简单的代码，用sublime保存为html文件，双击可以看到网页上得到这个图片资源了，这个时候地址栏是：file:///C:/Users/Vin/Desktop/test.html。但是，当我用Hbuilder或者webStorm这种编译器运行时，访问图片资源被禁止了，这是错误提示：
这里写图片描述

用这两种编译器时，地址栏是它们的内置的服务器，例如在hbuilder中，地址栏内容是：http://127.0.0.1:8020/Web_text/index.html。这就是问题所在。我就很纳闷了。
请教了一些朋友，虽然没有具体的解决，但是提供了一些想法如下：
1.问题出在CDN，CDN系统能够实时地根据网络流量和各节点的连接、负载状况以及到用户的距离和响应时间等综合信息将用户的请求重新导向离用户最近的服务节点上。用它链接，有时会派发出问题，所以访问不了。
2.当换一个图片链接，可以成功，那会不会是图片链接本身有瑕疵。也就是说不一定就是编译器这里的问题。

在引用网络资源时，本事就会时常遇到各种问题，所以建议在没有版权问题时，最好把资源下载在自己的服务器上使用。

最后欢迎有经验的朋友能够阐明这个问题。