Insertion d'une image dans la démarque du bloc-notes IPython

Je commence à dépendre fortement de l'application bloc-notes IPython pour développer et documenter des algorithmes. C'est génial; mais il semble que cela devrait être possible, mais je ne sais pas comment le faire:

Je voudrais insérer une image locale dans ma démarque (locale) IPython pour aider à documenter un algorithme. J'en sais assez pour ajouter quelque chose comme <img src="image.png">à la démarque, mais c'est à peu près autant que je sache. Je suppose que je pourrais mettre l'image dans le répertoire représenté par 127.0.0.1:8888 (ou un sous-répertoire) pour pouvoir y accéder, mais je ne peux pas comprendre où se trouve ce répertoire. (Je travaille sur un mac.) Alors, est-il possible de faire ce que j'essaie de faire sans trop de problèmes?

Les fichiers à l'intérieur du répertoire du carnet sont disponibles sous une URL "files /". Donc, si c'est dans le chemin de base, ce serait le cas <img src="files/image.png">, et des sous-répertoires, etc. sont également disponibles:, <img src="files/subdir/image.png">etc.

Mise à jour : à partir d'IPython 2.0, le files/préfixe n'est plus nécessaire (cf. notes de version ). Alors maintenant, la solution <img src="image.png">fonctionne simplement comme prévu.

La plupart des réponses données jusqu'à présent vont dans la mauvaise direction, suggérant de charger des bibliothèques supplémentaires et d'utiliser le code au lieu du balisage. Dans les ordinateurs portables Ipython / Jupyter, c'est très simple. Assurez-vous que la cellule est bien en balisage et pour afficher une image, utilisez:

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

Un autre avantage par rapport aux autres méthodes proposées est que vous pouvez afficher tous les formats de fichiers courants, y compris jpg, png et gif (animations).

J'utilise ipython 2.0, donc juste deux lignes.

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

[Obsolète]

IPython / Jupyter prend désormais en charge les modules d'extension qui peuvent insérer des images via copier-coller ou glisser-déposer.

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

L'extension glisser-déposer semble fonctionner dans la plupart des navigateurs

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

Mais le copier-coller ne fonctionne que dans Chrome.

Obtenir une image dans Jupyter NB est une opération beaucoup plus simple que la plupart des gens ont fait allusion ici.

1) Créez simplement une cellule Markdown vide. 2) Faites ensuite glisser-déposer le fichier image dans la cellule Markdown vide.

Le code Markdown qui insérera l'image apparaît alors.

Par exemple, une chaîne représentée en gris ci-dessous apparaîtra dans la cellule Jupyter:

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

3) Exécutez ensuite la cellule Markdown en appuyant sur Shift-Enter. Le serveur Jupyter insérera alors l'image, puis l'image apparaîtra.

J'utilise le serveur de portables Jupyter: 5.7.4 avec Python 3.7.0 sous Windows 7.

C'est tellement simple !!

J'ai mis le bloc-notes IPython dans le même dossier que l'image. J'utilise Windows. Le nom de l'image est "phuong huong xac dinh.PNG".

Dans Markdown:

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

Code:

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

Assurez-vous d'abord que vous êtes dans le modèle d'édition de démarque dans la cellule du bloc-notes ipython

C'est une alternative à la méthode proposée par d'autres <img src="myimage.png">:

![title](img/picture.png)

Il semble également fonctionner si le titre manque:

![](img/picture.png)

Notez qu'aucune citation ne doit figurer dans le chemin. Je ne sais pas si cela fonctionne pour les chemins avec des espaces blancs!

La dernière version du carnet jupyter accepte le copier / coller de l'image en mode natif

Si vous souhaitez afficher l'image dans une cellule Markdown, utilisez:

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

Si vous souhaitez afficher l'image dans une cellule Code, utilisez:

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

Changez le bloc par défaut de "Code" en "Markdown" avant d'exécuter ce code:

![<caption>](image_filename.png)

Si le fichier image se trouve dans un autre dossier, vous pouvez effectuer les opérations suivantes:

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

Pour ceux qui cherchent où placer le fichier image sur la machine Jupyter afin qu'il puisse être affiché à partir du système de fichiers local.

Je mets mon mypic.pngen

/root/Images/mypic.png

(c'est le dossier Images qui apparaît dans le navigateur de fichiers en ligne Jupyter)

Dans ce cas, je dois mettre la ligne suivante dans la cellule Markdown pour faire apparaître ma photo dans le bloc-notes:

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

la réponse de minrk est juste.

Cependant, j'ai trouvé que les images semblaient cassées dans la vue d'impression (sur ma machine Windows exécutant la distribution Anaconda d'IPython version 0.13.2 dans un navigateur Chrome)

La solution de contournement était d'utiliser à la <img src="../files/image.png">place.

Cela a fait apparaître l'image correctement à la fois dans la vue d'impression et dans la vue d'édition iPython normale.

MISE À JOUR: depuis ma mise à niveau vers iPython v1.1.0, il n'y a plus besoin de cette solution de contournement puisque la vue d'impression n'existe plus. En fait, vous devez éviter cette solution de contournement car elle empêche l'outil nbconvert de trouver les fichiers.

Vous pouvez trouver votre répertoire de travail actuel par la commande 'pwd' dans le cahier jupyter sans guillemets.