src标记中的图像无法在PhoneGap中呈现

时间:2016-11-29 03:17:57

标签: cordova phonegap-build

我有一堆img个标签,其内容位于src属性中,但是当应用程序加载到PhoneGap中时,图像不会出现。但是,图像显示/在浏览器中可见。

我已根据文档将以下内容添加到我的config.xml文件中,因为我怀疑这是一个白名单问题,但它没有解决问题。

<allow-navigation href="*" />
<access origin="*" />

以下是我的config.xml

<widget xmlns="http://www.w3.org/ns/widgets" xmlns:gap="http://phonegap.com/ns/1.0" id="com.private.private" version="0.0.3">
  <name>private</name>
  <description>private</description>
  <author href="http://private.co.nz" email="contact@private.co.nz">private</author>
  <content src="index.html"/>

  <plugin name="cordova-plugin-camera" />
  <plugin name="cordova-plugin-whitelist" version="1"/>
  
  <preference name="permissions" value="none"/>
  <preference name="orientation" value="default"/>
  <preference name="target-device" value="universal"/>
  <preference name="fullscreen" value="false"/>
  <preference name="webviewbounce" value="true"/>
  <preference name="prerendered-icon" value="true"/>
  <preference name="stay-in-webview" value="false"/>
  <preference name="ios-statusbarstyle" value="black-opaque"/>
  <preference name="detect-data-types" value="true"/>
  <preference name="exit-on-suspend" value="false"/>
  <preference name="show-splash-screen-spinner" value="true"/>
  <preference name="auto-hide-splash-screen" value="true"/>
  <preference name="disable-cursor" value="false"/>
  <preference name="android-minSdkVersion" value="14"/>
  <preference name="android-installLocation" value="auto"/>
  
  <icon src="icon.png"/>
  <icon src="www/assets/images/icon.png" gap:platform="android"/>
  <icon src="www/assets/images/icon.png" gap:platform="ios"/>
  
  <gap:splash src="www/assets/images/splash.png" gap:platform="android" />
  <gap:splash src="www/assets/images/splash.png" gap:platform="ios" />
  
  <allow-navigation href="*" />
  <access origin="*" />
  
  <allow-intent href="http://*/*"/>
  <allow-intent href="https://*/*"/>
  <allow-intent href="tel:*"/>
  <allow-intent href="sms:*"/>
  <allow-intent href="mailto:*"/>
  <allow-intent href="geo:*"/>

</widget>

2 个答案:

答案 0 :(得分:0)

我创建了一个空白的索引文件,其中的图像放在标签中,它们与发布的配置一起正常工作。

我正在使用Angular2开发原始项目,或许还有更多与框架相关的内容。

这意味着问题不是PhoneGap,而是Angular2。在这种情况下,我进一步调查并用更合适的描述问了一个新问题。

答案 1 :(得分:0)

您的图片(src中的路径)在哪里找到? 我有一个类似的问题,我通过将我的所有图像移动到根文件夹(www)与我的index.html相同的目录来修复它, 据我所知,这是一个已知的手机错误。

如果是这种情况并且您尝试这样做,请不要忘记相应地更改src。

祝你好运!