如何向 JSFiddle 添加外部图像？

Question

我尝试在我的 JS 中添加外部 SVG 图片Fiddle，如下所示：

<img src="http://www.sybase-recovery.com/images/icons/facebook-f.svg"/>

但是这样不行，JSFiddle不会显示图像。

我尝试将图片添加为外部资源，还是不行。

我的 Fiddle 在 https://jsfiddle.net/alanccw/n3usLt69/1/

Answer 1

您可以在控制台中查看：

Mixed Content: The page at 'https://jsfiddle.net/' was loaded over HTTPS, but requested an insecure script 'http://www.sybase-recovery.com/images/icons/facebook-f.svg'. This request has been blocked; the content must be served over HTTPS.

然后我尝试使用 HTTPS:

<img src="https://www.sybase-recovery.com/images/icons/facebook-f.svg"/>

它显示了 SSL 证书的另一个问题：

只需将您的图像更改为其他资源，例如：

<img src="https://image.freepik.com/free-vector/farm-landscape-scene-with-barn-windmill_1308-58771.jpg"/>

如何向 JSFiddle 添加外部图像？

How to Add an External Image to JSFiddle?

html

javascript

jsfiddle