在使用img标签的src属性引用网络图片资源时加载图片失败的问题
2017-01-24 22:38
811 查看
问题如标题,以简单代码演示:
这是一段简单的代码,用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.当换一个图片链接,可以成功,那会不会是图片链接本身有瑕疵。也就是说不一定就是编译器这里的问题。
在引用网络资源时,本事就会时常遇到各种问题,所以建议在没有版权问题时,最好把资源下载在自己的服务器上使用。
最后欢迎有经验的朋友能够阐明这个问题。
<!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.当换一个图片链接,可以成功,那会不会是图片链接本身有瑕疵。也就是说不一定就是编译器这里的问题。
在引用网络资源时,本事就会时常遇到各种问题,所以建议在没有版权问题时,最好把资源下载在自己的服务器上使用。
最后欢迎有经验的朋友能够阐明这个问题。
相关文章推荐
- img标签src属性没变,改变起引用的图片,刷新页面仍然显示之前的图片
- 我在使用ng-src时图片加载不出来后,Chrome会自动给img标签增边框,解决办法
- ie6下使用js替换img标签src属性图片不显示的错误
- ie6下使用js替换img标签src属性图片不显示的错误
- 使用javascript替换img标签里的src属性图片不显示的原因(IE6)
- HTML基础 img标签alt属性 当图片加载失败的时候显示为文本
- html的img中使用SVG图片做SRC在本地测试可用但是上传服务器后不能显示问题解决 标签: SVGMIME TYPE不显示服务器设置 2016-05-21 13:49 2517人阅读 评论(0)
- img标签使用加载图片和错误时图片
- Android开发之搜芽项目的图片加载问题(使用Volley进行网络图片加载)
- 提取img标签src属性中的图片路径正则 (php)
- input标签中使用disabled这个属性导致传参失败等问题
- 图片标签img中,为什么使用alt属性没用
- 关于cookie的问题,图片src使用img:data;base64
- HTML中IMG标签的SRC属性路径问题
- 解决javascript动态改变img的src属性图片不显示问题
- 使用jquery给加载失败的img元素显示默认图片
- tomcat中jsp引用图片img的src属性带中文路径无法显示的解决
- js改变img标签的src属性在IE下出问题的解决方法
- tomcat中jsp引用图片img的src属性带中文路径无法显示的解决
- 解决javascript动态改变img的src属性图片不显示问题