HTML Img标签 src为网络地址无法显示图片问题解决(https)

在HTML中,我们经常会使用``标签来添加图片,通常使用网络地址来指定图片的来源。不过,有时候我们会遇到一个问题——即无法显示图片,原因很可能是因为图片的地址使用了HTTPS,而当前网站并未使用HTTPS。本文将介绍解决这个问题的方法,包括使用HTTPS自己的网站和使用第三方网站。

使用HTTPS自己的网站

如果您自己的网站已经启用了HTTPS,那么在解决这个问题时,最简单的方法就是将图片的地址更新为HTTPS协议。比如,原来的图片地址可能是这样的:

```

```

而更新为HTTPS协议的地址,则是这样的:

```

```

如果您使用的是相对路径,那么可以使用`//`来自动适应当前使用的协议:

```

```

使用第三方网站

如果您并没有使用HTTPS自己的网站,那么您可以将图片托管到支持HTTPS协议的第三方网站上,比如Flickr、Imgur等。这些网站提供了免费的图片托管服务,并且支持HTTPS协议。下面以Flickr为例,来演示如何使用第三方网站来解决问题。

首先访问Flickr网站(https://flickr.com/),创建一个账户,并上传您的图片。上传完成后,选择图片,在右侧的面板中找到`Share`选项,然后点击`Copy Link`按钮来复制HTTPS协议的图片地址。

接着,在HTML中将图片的地址替换为从Flickr复制的地址。比如:

```

```

总结

通过使用HTTPS协议自己的网站或第三方网站来托管图片,可以解决``标签在HTTPS网站中无法显示图片的问题。在使用第三方网站时,需要先创建账户并上传图片,然后复制HTTPS协议的图片地址来作为``标签的`src`属性值。无论哪种方法,都需要确保图片地址中的协议为HTTPS,以保证正确的显示图片。 如果你喜欢我们三七知识分享网站的文章, 欢迎您分享或收藏知识分享网站文章 欢迎您到我们的网站逛逛喔!https://www.ynyuzhu.com/

点赞(115) 打赏

评论列表 共有 0 条评论

暂无评论
立即
投稿
发表
评论
返回
顶部