Wstawianie obrazu do znacznika notebooka IPython

Zaczynam w dużym stopniu polegać na aplikacji do notatników IPython, aby opracowywać i dokumentować algorytmy. To jest wspaniałe; ale jest coś, co wydaje się być możliwe, ale nie mogę wymyślić, jak to zrobić:

Chciałbym wstawić lokalny obraz do mojego (lokalnego) znacznika notebooka IPython, aby pomóc w udokumentowaniu algorytmu. Wiem wystarczająco dużo, aby dodać coś podobnego <img src="image.png">do przeceny, ale o tyle, o ile mi wiadomo. Zakładam, że mógłbym umieścić obraz w katalogu reprezentowanym przez 127.0.0.1:8888 (lub jakiś podkatalog), aby móc uzyskać do niego dostęp, ale nie wiem, gdzie jest ten katalog. (Pracuję na komputerze Mac). Czy można więc robić to, co próbuję, bez większych problemów?

Pliki w katalogu notesu są dostępne pod adresem „files /”. Więc jeśli znajduje się w ścieżce bazowej, byłoby <img src="files/image.png">, i podkatalogi itp. Są również dostępne: <img src="files/subdir/image.png">itd.

Aktualizacja : począwszy od IPython 2.0 files/prefiks nie jest już potrzebny (patrz informacje o wersji ). Więc teraz rozwiązanie <img src="image.png">działa po prostu zgodnie z oczekiwaniami.

Większość podanych do tej pory odpowiedzi idzie w złym kierunku, co sugeruje załadowanie dodatkowych bibliotek i użycie kodu zamiast znaczników. W notesach Ipython / Jupyter jest to bardzo proste. Upewnij się, że komórka rzeczywiście znajduje się w znacznikach, i wyświetl obraz:

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

Kolejną zaletą w porównaniu z innymi proponowanymi metodami jest to, że możesz wyświetlać wszystkie popularne formaty plików, w tym jpg, png i gif (animacje).

Używam ipython 2.0, więc tylko dwie linie.

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

[Przestarzały]

IPython / Jupyter obsługuje teraz moduły rozszerzeń, które mogą wstawiać obrazy poprzez kopiowanie i wklejanie lub przeciąganie i upuszczanie.

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

Wydaje się, że rozszerzenie przeciągnij i upuść działa w większości przeglądarek

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

Ale kopiowanie i wklejanie działa tylko w Chrome.

Przenoszenie obrazu do Jupyter NB jest znacznie prostszą operacją, niż większość ludzi tu wspomniała.

1) Po prostu utwórz pustą komórkę Markdown. 2) Następnie przeciągnij i upuść plik obrazu do pustej komórki Markdown.

Pojawi się kod Markdown, który wstawi obraz.

Na przykład ciąg pokazany podświetlony na szaro poniżej pojawi się w komórce Jupyter:

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

3) Następnie uruchom komórkę Markdown, naciskając Shift-Enter. Serwer Jupyter wstawi następnie obraz, a następnie pojawi się obraz.

Używam serwera notebooków Jupyter: 5.7.4 z Python 3.7.0 w systemie Windows 7.

To takie proste !!

Umieszczam notes IPython w tym samym folderze z obrazem. Używam Windowsa. Nazwa obrazu to „phuong huong xac dinh.PNG”.

W Markdown:

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

Kod:

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

Najpierw upewnij się, że jesteś w modelu edycji przeceny w komórce notesu ipython

Jest to alternatywny sposób dla metody zaproponowanej przez innych <img src="myimage.png">:

![title](img/picture.png)

Wydaje się również działać, jeśli brakuje tytułu:

![](img/picture.png)

Uwaga: na ścieżce nie powinny znajdować się żadne cytaty. Nie jestem pewien, czy to działa w przypadku ścieżek z białymi spacjami!

Ostatnia wersja notatnika jupyter natywnie akceptuje kopiowanie / wklejanie obrazu

Jeśli chcesz wyświetlić obraz w komórce Markdown, użyj:

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

Jeśli chcesz wyświetlić obraz w komórce Kod, użyj:

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

Zmień domyślny blok z „Kod” na „Markdown” przed uruchomieniem tego kodu:

![<caption>](image_filename.png)

Jeśli plik obrazu znajduje się w innym folderze, możesz wykonać następujące czynności:

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

Dla tych, którzy szukają, gdzie umieścić plik obrazu na maszynie Jupyter, aby można go było wyświetlić z lokalnego systemu plików.

Kładę mypic.pngINTO

/root/Images/mypic.png

(to jest folder Obrazy, który pojawia się w przeglądarce plików online Jupyter)

W takim przypadku muszę wstawić następujący wiersz do komórki Markdown, aby moje zdjęcie wyświetlało się w notatniku:

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

Odpowiedź Minrka jest słuszna.

Okazało się jednak, że obrazy wyglądały na uszkodzone w widoku wydruku (na moim komputerze z systemem Windows z uruchomioną dystrybucją Anaconda w wersji IPython 0.13.2 w przeglądarce Chrome)

Obejściem tego było użycie <img src="../files/image.png">zamiast tego.

Dzięki temu obraz wyświetlał się poprawnie zarówno w Widoku wydruku, jak i normalnym widoku edycji iPython.

AKTUALIZACJA: od mojej aktualizacji do iPython v1.1.0 to obejście nie jest już potrzebne, ponieważ widok wydruku już nie istnieje. W rzeczywistości należy unikać tego obejścia, ponieważ uniemożliwia to narzędziu nbconvert znalezienie plików.

Możesz znaleźć swój aktualny katalog roboczy za pomocą polecenia „pwd” w notatniku jupyter bez cudzysłowów.