如何在cordova ios应用程序中包含外部<img>标签

Posted 2023-03-15

【中文标题】如何在cordova ios应用程序中包含外部<img>标签

【英文标题】：How to include external <img> tag in cordova ios app

【发布时间】：2015-08-14 04:47:32

【问题描述】：

在我们的 ios Cordova 应用程序中。我们正在尝试在 index.html 中包含对外部托管图像的 <img> 标记引用：

<img src ="http://www.deviantsart.com/1lpfnfg.jpg">

我怀疑这可能与域白名单有关，但这是我们当前的 config.xml：

<access origin="*"/>

不是在设备就绪后在主画布中呈现此图像，此有效图像链接的输出是一个空方块。当我在 Safari 调试控制台中单击 img 链接时，我看到一个“？”图标。

这真是令人费解，为什么是 X 平台应用程序。在 IOS 中运行不能显示外部托管的图像？这只是使用正确的 img 标记语法的问题吗？

谢谢。 J

【参考方案1】：

在移动应用上从网络加载静态图片是个坏主意（图片的来源在运行时之前就知道了），因为如果用户没有互联网，你就会遇到麻烦 + 加载可能会很慢。

您可能遇到了跨域问题，您可以尝试使用匿名crossOrigin 标签加载图像

<img crossorigin="Anonymous" src="http://www.deviantsart.com/1lpfnfg.jpg">

【讨论】：

感谢您的建议，但我们会检查应用程序中的网络连接。在加载此图像之前。添加 crossorigin 标签并不能解决问题 - 图像仍然无法加载。

这张具体的图片还是每张图片？因为这是一张可能会出现内存警告的大图片