Phonegap на WP7 не загружает изображения

Я начинаю свой первый проект 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>) всегда сломается.

Ответ 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, щелкните правой кнопкой мыши файл и выберите свойства, чтобы перейти к окну свойств, если у вас его еще нет. Вероятно, это первое свойство. Просто нажмите и выберите правильный.

Ответ 2

Я отправляю это на вопросы, которые я нашел, пытаясь найти мой ответ на ту же проблему. Используемая мной инфраструктура JS добавляет url-запрос к каждому изображению в режиме отладки (чтобы заставить браузеры перезагружать изображение, а не использовать кешированный). Итак, мое изображение "image/background.jpg" будет доступно как "image/background.jpg? D = 34342233". Но при работе в PhoneGAP для Windows Phone он не распознает изображение, и, таким образом, он отображается как сломанный. Таким образом, мне пришлось отключить отладку для используемой среды, и внезапно появились изображения (не забудьте установить действие Build на "Content", как упоминалось ранее).