【问题标题】:How to include external <img> tag in cordova ios app如何在cordova ios应用程序中包含外部<img>标签
【发布时间】:2015-08-14 04:47:32
【问题描述】:

在我们的 IOS Cordova 应用程序中。我们正在尝试在 index.html 中包含对外部托管图像的 &lt;img&gt; 标记引用:

&lt;img src ="http://www.deviantsart.com/1lpfnfg.jpg"&gt;

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

&lt;access origin="*"/&gt;

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

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

谢谢。 J

【问题讨论】:

    标签: html ios cordova cordova-ios


    【解决方案1】:

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

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

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

    【讨论】:

    • 感谢您的建议,但我们会检查应用程序中的网络连接。在加载此图像之前。添加 crossorigin 标签并不能解决问题 - 图像仍然无法加载。
    • 这张具体的图片还是每张图片?因为这是一张可能会出现内存警告的大图片
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-01-22
    • 2014-09-29
    • 2020-09-15
    • 1970-01-01
    • 2018-01-05
    • 1970-01-01
    相关资源
    最近更新 更多