WP7上的Phonegap无法加载图像

Question

我正在开始我的第一个PhoneGap项目，并且正在使用Visual Studio和Windows Phone 7进行开发，尽管我打算最终部署到iOS和Symbian。

但是，我陷入了第1步。我已将图像添加到www/images文件夹，并输入以下代码：

<img src="images/login-btn.png" width="103" height="42" style="margin-left:90px;" />

我得到了：

我在IE9中预览它时工作正常，但我还没有Mac在iOS上测试它。

值得注意的是JS文件和CSS加载得很好，只是任何图像（无论是在CSS中引用还是在<img>标记中）都会出现故障。

Answer 1

我的猜测是您的图片文件的Build Action不正确。

根据http://wiki.phonegap.com/w/page/48672055/Getting%20Started%20with%20PhoneGap%20Windows%20Phone%207#4Reviewtheprojectstructure第4节。您应该将Build Action图像等设置为Content，只需将它们复制到输出项目中即可。Resource它们目前可能设置为None或Build Action。

要更改{{1}}，请右键单击文件，然后选择属性以转到属性窗口（如果尚未打开）。它可能是第一个属性。只需单击并选择正确的。

Answer 2

我发布这个问题时，我试图找到同样问题的答案。我使用的JS框架在处于调试模式时为每个图像添加一个url查询（为了强制浏览器重新加载图像，而不是使用缓存）。因此，我的图像“image / background.jpg”将被视为“image / background.jpg？d = 34342233”。但是，当在PhoneGAP for Windows Phone上运行时，它将无法识别图像，因此它显示为已损坏。所以，我不得不关闭我使用的框架的调试，突然显示图像（仍然，不要忘记将Build Action设置为“Content”，如前所述）。