将图像插入 IPython 笔记本降价

Question

我开始严重依赖 IPython 笔记本应用程序来开发和记录算法。 太棒了; 但有些事情似乎应该是可能的，但我不知道该怎么做：

我想在我的（本地）IPython 笔记本降价中插入一个本地图像，以帮助记录算法。 我知道的足以将<img src="image.png">到<img src="image.png"> ，但就我所知，就这些。 我假设我可以将图像放在 127.0.0.1:8888 表示的目录（或某个子目录）中以便能够访问它，但我无法弄清楚该目录在哪里。 （我在 mac 上工作。）那么，是否有可能在没有太多麻烦的情况下做我想做的事情？

Answer 1

到目前为止给出的大多数答案都朝着错误的方向发展，建议加载额外的库并使用代码而不是标记。 在 Ipython/Jupyter Notebooks 中，它非常简单。 确保单元格确实在标记中并显示图像使用：

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

与建议的其他方法相比，进一步的优势是您可以显示所有常见的文件格式，包括 jpg、png 和 gif（动画）。

Answer 2

notebook 目录中的文件可在“files/”网址下找到。 因此，如果它在基本路径中，它将是<img src="files/image.png"> ，并且子目录等也可用： <img src="files/subdir/image.png">等。

更新：从 IPython 2.0 开始，不再需要files/前缀（参见发行说明）。 所以现在解决方案<img src="image.png">只是按预期工作。

Answer 3

我使用的是 ipython 2.0，所以只有两行。

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

Answer 4

将图像放入 Jupyter NB 比大多数人在这里提到的要简单得多。

1. 只需创建一个空的 Markdown 单元格。
2. 然后将图像文件拖放到空的 Markdown 单元格中。

然后会出现将插入图像的 Markdown 代码。

例如，下面以灰色突出显示的字符串将出现在 Jupyter 单元格中：

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

3. 然后按 Shift-Enter 执行 Markdown 单元格。 Jupyter 服务器然后将插入图像，然后图像就会出现。

我在 Windows 7 上运行 Jupyter 笔记本服务器是：5.7.4 和 Python 3.7.0。

这太简单了！！

截至 2021 年 3 月 18 日的更新：这种简单的“从 Windows 文件系统拖放”方法在 JupyterLab 中仍然可以正常工作。 JupyterLab 插入正确的 HTML 代码，将图像直接永久地嵌入笔记本中，以便图像存储在 .ipynb 文件中。 我在 Windows 10 上运行 Jupyter Lab v2.2.7 Python 3.7.9 在 JupyterLab 中仍然有效。 我在 Windows 10 上使用 Python 3.7.9 运行 Jupyter Lab v2.2.7。

这在去年某个时候在 Jupyter Classic Notebook v6.1.5 中停止工作。 我向 Jupyter Classic Notebook 开发人员报告了错误通知。

它在最新版本的 Jupyter Classic Notebook 中再次运行。 我刚刚在 2021 年 7 月 15 日在 v6.4 中尝试过。 感谢 Jupyter NB 经典开发者！！

Answer 5

[过时的]

IPython/Jupyter 现在支持扩展模块，可以通过复制和粘贴或拖放插入图像。

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

拖放扩展似乎适用于大多数浏览器

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

但复制和粘贴仅适用于 Chrome。

Answer 6

如果要在Markdown 单元格中显示图像，请使用：

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

如果要在代码单元格中显示图像，请使用：

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

Answer 7

我将 IPython notebook 与图像放在同一文件夹中。 我使用 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')

Answer 8

首先确保您在 ipython notebook 单元格中的 markdown 编辑模型中

这是其他人提出的方法的替代方法<img src="myimage.png"> ：

![title](img/picture.png)

如果标题丢失，它似乎也有效：

![](img/picture.png)

请注意，路径中不应有引号。 不确定这是否适用于带有空格的路径！

Answer 9

jupyter notebook 的最新版本本机接受图像的复制/粘贴

Answer 10

在运行此代码之前，将默认块从“Code”更改为“Markdown”：

![<caption>](image_filename.png)

如果图像文件在另一个文件夹中，您可以执行以下操作：

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

Answer 11

对于那些寻找在 Jupyter 机器上放置图像文件的位置的人，以便它可以从本地文件系统显示。

我把我的mypic.png放入

/root/Images/mypic.png

（即显示在 Jupyter 在线文件浏览器中的 Images 文件夹）

在这种情况下，我需要将以下行放入 Markdown 单元格中，以使我的图片显示在记事本中：

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

Answer 12

minrk 的回答是正确的。

但是，我发现图像在打印视图中出现损坏（在我的 Windows 机器上，在 Chrome 浏览器中运行 IPython 0.13.2 版的 Anaconda 发行版）

解决方法是使用<img src="../files/image.png">代替。

这使得图像在打印视图和正常的 iPython 编辑视图中都能正确显示。

更新：从我升级到 iPython v1.1.0 开始，不再需要此解决方法，因为打印视图不再存在。 事实上，您必须避免这种变通方法，因为它会阻止 nbconvert 工具查找文件。

Answer 13

我永远无法将“插入图像”放入降价单元格中工作。 但是，拖放进入了与我的笔记本保存在同一目录中的png文件。 它将此文本带入单元格

“”

shift + enter > image 现在显示在 notebook 中。

FWIW

Answer 14

您可以通过 'pwd' 命令在 jupyter notebook 中不带引号找到您当前的工作目录。