Как отобразить изображение в виджете HTML в вуаля

Question

Я хочу отобразить изображение в HTML ipywidget, отображаемом в вуаля . Этот код работает в ноутбуках Jupyter:

import ipywidgets as widget

img =  widget.HTML('<div id="img" style="float:left">'
                    '<img style="vertical-align:middle" src="static/test_image.jpg" alt="">'                       
                    '</div>')
img

Но вуаля не находит файл stati c. Это отображается как разбитое изображение.

Answer 1

Поскольку блокноты jupyter и вуаля работают на локальном хосте, вы можете использовать базовый URL. Базовый URL-адрес имеет вид «http://localhost: / notebook /».

Пример:

import ipywidgets as widget

img =  widget.HTML('<div id="img" style="float:left">'
                    '<img style="vertical-align:middle" src="http://localhost:8888/notebooks/static/test_image.jpg" alt="">'                       
                    '</div>')
img