关于python:将图像插入到IPython notebook markdown中

Inserting image into IPython notebook markdown

我开始严重依赖IPython笔记本应用程序来开发和记录算法。 太棒了; 但有些东西似乎应该是可能的,但我无法弄清楚如何做到这一点:

我想将本地图像插入到我的(本地)IPython笔记本标记中以帮助记录算法。 我知道足够多的东西可以添加像这样的东西到降价处,但就我的知识而言,这就是我的知识。 我假设我可以将图像放在由127.0.0.1:8888(或某个子目录)表示的目录中以便能够访问它,但我无法弄清楚该目录的位置。 (我正在使用Mac。)那么,是否有可能在没有太多麻烦的情况下做我想做的事情?


到目前为止给出的大多数答案都是错误的方向,建议加载其他库并使用代码而不是标记。在Ipython / Jupyter笔记本中,它非常简单。确保单元格确实在标记中并显示图像使用:

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

与其他方法相比,您可以显示所有常见的文件格式,包括jpg,png和gif(动画)。


笔记本目录中的文件位于"files /"url下。因此,如果它在基本路径中,它将是,并且子目录等也可用:等。

更新:从IPython 2.0开始,不再需要files/前缀(参见发行说明)。所以现在解决方案只是按预期工作。


我正在使用ipython 2.0,所以只有两行。

1
2
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。


我把IPython笔记本放在与图像相同的文件夹中。我用的是Windows。图像名称为"phuong huong xac dinh.PNG"。

在Markdown:

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

码:

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


首先确保您在ipython笔记本单元格中处于降价编辑模型中

这是其他人提出的方法的替代方法

1
![title](img/picture.png)

如果缺少标题,它似乎也有效:

1
![](img/picture.png)

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


最新版本的jupyter笔记本本身接受图像的复制/粘贴


对于那些寻找将图像文件放在Jupyter机器上的位置的人来说,它可以从本地文件系统中显示出来。

我把我的mypic.png放进去了

1
/root/Images/mypic.png

(即在Jupyter在线文件浏览器中显示的Images文件夹)

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

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

将图像输入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。

这很简单!!


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

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

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

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


minrk的回答是对的。

但是,我发现打印视图中的图像显示中断(在我的Windows机器上运行在Chrome浏览器中运行Anyonda分发的IPython版本0.13.2)

解决方法是使用代替。

这使图像在Print View和普通的iPython编辑视图中都能正确显示。

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