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;" />
И я получаю:
![enter image description here]()
Он отлично работает, когда я просматриваю его в 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", как упоминалось ранее).