HTML картинки в HTMLPanel?

Question

[Михаил Войтенко]

Есть проблема. например, у меня есть HTML файл Description.html и он содержит что-то вроде

<p>
    <img src="Bill.jpg">
</p>

Bill.jpg лежит рядом, в той же папке что и html файл.

также есть UiBinder виджет, который содержит SimplePanel с именем panel. В ui.xml для этого виджета:

...
<ui:style src="../Style.css"/>

    <g:SimplePanel ui:field="panel" addStyleNames="{style.description}" />
...

Конструктор виджета:

public SomeWidget() {
        initWidget(uiBinder.createAndBindUi(this));
        panel.setWidget(new HTMLPanel(HtmlTextResources.htmlFile().getText());
    }

Суть проблемы - bill.img не отображается. Консоль пишет:

> [WARN] 404 - GET /bill.jpg (127.0.0.1) 1373 bytes Request headers
> Host: 127.0.0.1:8888
> Connection: keep-alive
> Cache-Control: no-cache
> Accept: image/webp,*/*;q=0.8
> Pragma: no-cache
> User-Agent: Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/35.0.1916.153
> Safari/537.36
> *****************
> Accept-Encoding: gzip,deflate,sdch
> Accept-Language: ru-RU,ru;q=0.8,en-US;q=0.6,en;q=0.4,it;q=0.2,uk;q=0.2 Response
> headers
> Content-Type: text/html;charset=ISO-8859-1
> Cache-Control: must-revalidate,no-cache,no-store
> Content-Length: 1373

Как это можно исправить? Картинки должен использовать именно через html.

Answer 1

[Михаил Войтенко]

Как оказалось - нужно было в webApp создать пакет images и в него скопировать картинку, и прописать <img src="../images/Bill.jpg">
И почистить кэш, а то картинка не сразу отображалась.

Comments

[Александр Борисович]

И кто бы мог подумать что в путях проблемы?)

Answer 2

[Виталий Киренков]

Что значит не отображается? На страницу выводиться код? Если да, то путь верный? Может вам просто слэша в начале не хватает?

Comments

[Михаил Войтенко]

Как путь может быть неверным если оно в одной папке лежит? :) Слэш не помог.

[Виталий Киренков]

На страницу выводиться код?
- повторю я вопрос... В фаирбаге вы видите тэг img?

[Михаил Войтенко]

Да, ниже прикрепил

[Виталий Киренков]

@Firehanded У меня подозрение, что у вас в целом в размётке страницы проблемы, ибо тэг title явно не может быть по соседству с тэгом . Тайтл должен быть внутри хэда, который в свою очередь по соседству с body, внутри которого уже и должен быть и всё остальное.

[Виталий Киренков]

Редактор съедает тэги....

- может быть по соседству с тэгом P.

Answer 3

[Александр Борисович]

Bill.jpg лежит рядом, в той же папке что и html файл.

Да если главная страница подключает его через 4-ый шаблон, будет думать что файл лежит в корне, а не рядом с вашим файлом.
У вас 404. Вам нужно или вставить какую нибудь переменную вашего шаблонизатора, чтобы путь к картинке был рабочий, или что то с путями еще ковырять.
У веб сервера виртуальное окружение. Не совпадающее до определенного уровня с вашей файловой системой.