网站图片无法显示求助:使用Imgur托管出现cross-site context报错
解决Imgur图片显示空白的问题
核心原因
你在<img>标签里用的https://www.imgur.com/ovBN6Vc是Imgur的图片展示页面链接,不是图片的直接资源链接。浏览器试图把网页当作图片加载,自然会触发跨域、Cookie相关的权限报错,导致图片空白。重新上传没用,因为你复制的还是页面链接,和上传次数无关。
解决步骤
- 打开
https://www.imgur.com/ovBN6Vc这个页面 - 右键点击页面里的图片,选择「复制图片地址」,得到类似
https://i.imgur.com/ovBN6Vc.png的直接资源链接(后缀可能是jpg、png等,取决于你上传的图片格式) - 把
<img>标签的src属性替换成这个直接链接
修正后的代码示例
<!doctype html> <div id="links" style="text-align: center"> <link href="style.css" rel="stylesheet" /> </div> <a href="nizhnyve.html">Home</a> <a href="history.html">History</a> <div id="image"> <img src="https://i.imgur.com/ovBN6Vc.png" width="233.75" height="152.75" align="center" /> </div> <div id="Header"> <h1> Dameki C̣engarit Rešuto Ramivaj | <em>Tǣmeki Tsongārit Āʃutō Amlivāj</em> </h1> <h1>Helai Ġamelok | <em>Kǟngmä́ng Tēhmä́ng</em></h1> <h2></h2> <h2><em>The Government of the Federal Empire of Nizhnyve</em></h2> </div>
内容的提问来源于stack exchange,提问作者Razikof
相关产品推荐
相关产品推荐

