Вставлення зображення в розмітку ноутбука IPython

Я починаю сильно залежати від програми для ноутбуків IPython для розробки та документування алгоритмів. Це приголомшливо; але є щось, що здається, що це має бути можливо, але я не можу зрозуміти, як це зробити:

Я хотів би вставити локальне зображення у свій (локальний) ноутбук IPython для розміщення, щоб допомогти в документуванні алгоритму. Я знаю достатньо, щоб додати щось на кшталт <img src="image.png">відмітки, але це приблизно настільки, наскільки я знаю. Я припускаю, що я міг би помістити зображення в каталог, представлений 127.0.0.1:8888 (або якийсь підкаталог), щоб мати доступ до нього, але не можу зрозуміти, де знаходиться цей каталог. (Я працюю над mac.) Отже, чи можна робити те, що я намагаюся зробити, без зайвих проблем?

Файли всередині dir ноутбука доступні за URL-адресою "файли /". Отже, якщо він знаходиться в базовому шляху, це було б <img src="files/image.png">, і підкаталоги тощо також доступні: <img src="files/subdir/image.png">і т.д.

Оновлення : починаючи з IPython 2.0, files/префікс більше не потрібен (див. Примітки до випуску ). Тож тепер рішення <img src="image.png">просто працює так, як очікувалося.

Більшість наданих відповідей поки що йде в неправильному напрямку, пропонуючи завантажити додаткові бібліотеки і використовувати код замість розмітки. У ноутбуках Ipython / Jupyter це дуже просто. Переконайтесь, що клітинка справді розмічена, і для відображення зображення використовується

![alt text](imagename.png "Title")

Наступна перевага порівняно з іншими запропонованими методами полягає в тому, що ви можете відображати всі поширені формати файлів, включаючи jpg, png та gif (анімації).

Я використовую ipython 2.0, тому всього два рядки.

from IPython.display import Image
Image(filename='output1.png')

[Застарілий]

Тепер IPython / Jupyter має підтримку модулів розширення, які можуть вставляти зображення за допомогою копіювання та вставлення або перетягування та перетягування.

https://github.com/ipython-contrib/IPython-notebook-extensions

Розширення перетягування та перетягування, здається, працює в більшості браузерів

https://github.com/ipython-contrib/IPython-notebook-extensions/tree/master/nbextensions/usability/dragdrop

Але копіювання та вставлення працює лише в Chrome.

Зображення в Jupyter NB - набагато простіша операція, ніж більшість людей на це натякає.

1) Просто створіть порожню комірку Markdown. 2) Потім перетягніть файл зображення у порожню клітинку Markdown.

Потім з'являється код розмітки, який буде вставляти зображення.

Наприклад, рядок, виділена сірим кольором нижче, з’явиться в комірці Юпітера:

![Venus_flytrap_taxonomy.jpg](attachment:Venus_flytrap_taxonomy.jpg)

3) Потім виконайте клітинку Markdown, натиснувши Shift-Enter. Сервер Юпітера потім вставить зображення, і зображення з'явиться.

У мене працює сервер ноутбуків Jupyter: 5.7.4 з Python 3.7.0 на Windows 7.

Це так просто !!

Я помістив ноутбук IPython у ту саму папку із зображенням. Я використовую Windows. Назва зображення - "phuong huong xac dinh.PNG".

У розмітці:

<img src="phuong huong xac dinh.PNG">

Код:

from IPython.display import Image
Image(filename='phuong huong xac dinh.PNG')

Спочатку переконайтеся, що ви знаходитесь у моделі редагування розмітки у комірці ноутбука ipython

Це альтернативний спосіб методу, запропонованому іншими <img src="myimage.png">:

![title](img/picture.png)

Також, здається, працює, якщо в заголовку відсутнє:

![](img/picture.png)

Зверніть увагу, жодні цитати не повинні знаходитись на шляху. Не впевнений, чи це працює для доріжок з білими пробілами!

Остання версія ноутбука "Юпітер" приймає копію / вставляння зображення в оригіналі

Якщо ви хочете відобразити зображення в комірці Markdown, тоді використовуйте:

<img src="files/image.png" width="800" height="400">

Якщо ви хочете відобразити зображення в комірці коду, тоді використовуйте:

from IPython.display import Image
Image(filename='output1.png',width=800, height=400)

Змініть блок за замовчуванням з "Код" на "Відмітка" перед запуском цього коду:

![<caption>](image_filename.png)

Якщо файл зображення знаходиться в іншій папці, ви можете зробити наступне:

![<caption>](folder/image_filename.png)

Для тих, хто шукає, де розмістити файл зображень на машині Юпітера, щоб його можна було відобразити з локальної файлової системи.

Я поклав mypic.pngINTO

/root/Images/mypic.png

(тобто папка Зображення, яка відображається в веб-браузері файлів Jupyter)

У такому випадку мені потрібно помістити наступний рядок у комірку Markdown, щоб зробити свій малюнок у блокноті:

![My Title](Images/mypic.png)

відповідь minrk правильна.

Однак я виявив, що зображення виглядають порушеними у програмі Print View (на моїй машині Windows, що працює у Anaconda, дистрибутив IPython версії 0.13.2 у браузері Chrome)

Вирішенням цього було скористатися <img src="../files/image.png">замість цього.

Це призвело до правильного відображення зображення як у Перегляді друку, так і у звичайному режимі редагування iPython.

ОНОВЛЕННЯ: на момент мого оновлення до iPython v1.1.0 більше немає потреби в цьому вирішенні, оскільки подання для друку більше не існує. Насправді, ви повинні уникати цього рішення, оскільки це заважає інструменту nbconvert знаходити файли.

Ви можете знайти свій поточний робочий каталог за допомогою команди "pwd" у зошиті юпітера без лапок.