将图像插入IPython笔记本降价

时间:2012-05-16 23:52:04

标签: python ipython

我开始严重依赖IPython笔记本应用来开发和记录算法。太棒了;但有些东西似乎应该是可能的,但我无法弄明白该怎么做:

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

14 个答案:

答案 0 :(得分:160)

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

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

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

答案 1 :(得分:148)

笔记本目录内的文件位于“files /”网址下。因此,如果它在基本路径中,它将是<img src="files/image.png">,并且子目录等也可用:<img src="files/subdir/image.png">等。

更新:从IPython 2.0开始,不再需要files/前缀(参见release notes)。所以现在解决方案<img src="image.png">只是按预期工作。

答案 2 :(得分:67)

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

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

答案 3 :(得分:18)

[作废]

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

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

阻力&amp; drop extension似乎适用于大多数浏览器

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

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

答案 4 :(得分:9)

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

在Markdown中:

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

代码:

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

答案 5 :(得分:7)

首先确保您处于ipython笔记本电脑单元格中的降价编辑模式

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

![title](img/picture.png)

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

![](img/picture.png)

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

答案 6 :(得分:6)

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

答案 7 :(得分:3)

对于那些希望将图像文件放置在Jupyter机器上以便可以从本地文件系统显示的人。

我将mypic.png放入了

/root/Images/mypic.png

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

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

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

答案 8 :(得分:2)

minrk的答案是对的。

然而,我发现图像在打印视图中出现了损坏(在我的Windows机器上运行在Chrome浏览器中运行Anyonda分发的IPython版本0.13.2)

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

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

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

答案 9 :(得分:2)

如果要在降价单元格中显示图片,请使用:

structure(list(var1.Diff = structure(1:2, .Label = c("-7.05229", 
"-2.25"), class = "factor"), var1.Lower = structure(1:2, .Label = 
c("-13.23198", 
"-8.25114"), class = "factor"), var1.Upper = structure(1:2, .Label = 
c("-0.87259", 
"3.75114"), class = "factor"), var1.Decision = structure(1:2, .Label = 
 c("Reject H0", 
 "FTR H0"), class = "factor"), var1.Adj..P.value = structure(1:2, .Label = 
 c("0.025305", 
 "0.462433"), class = "factor"), resp.Diff = structure(1:2, .Label = 
 c("1.10458", 
 "0"), class = "factor"), resp.Lower = structure(1:2, .Label = c("-5.07512", 
 "-6.00114"), class = "factor"), resp.Upper = structure(1:2, .Label = 
 c("7.28427", 
 "6.00114"), class = "factor"), resp.Decision = structure(c(1L, 
 1L), .Label = "FTR H0", class = "factor"), resp.Adj..P.value = 
 structure(1:2, .Label = c("0.726092", 
 "1"), class = "factor"), effect.Diff = structure(1:2, .Label = 
 c("-1.27451", 
 "-0.5625"), class = "factor"), effect.Lower = structure(1:2, .Label = 
 c("-7.4542", 
 "-6.56364"), class = "factor"), effect.Upper = structure(1:2, .Label = 
 c("4.90518", 
 "5.43864"), class = "factor"), effect.Decision = structure(c(1L, 
 1L), .Label = "FTR H0", class = "factor"), effect.Adj..P.value = 
 structure(1:2, .Label = c("0.686047", 
 "0.85424"), class = "factor")), row.names = c("No", "Yes"), class = 
 "data.frame")

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

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

答案 10 :(得分:1)

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

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

随后将出现用于插入图像的Markdown代码。

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

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

3)然后通过按Shift-Enter执行Markdown单元。然后,Jupyter服务器将插入图像,然后图像将出现。

我正在运行的Jupyter笔记本服务器是:Windows 7上具有Python 3.7.0的5.7.4。

这是如此简单!!

答案 11 :(得分:1)

在运行此代码之前,将默认块从“代码”更改为“降价”:

![<any name here>](image_filename.png)

答案 12 :(得分:0)

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

""

shift + enter > 图像现在显示在笔记本中。

FWIW

答案 13 :(得分:-1)

您可以在jupyter笔记本中使用“ pwd”命令查找当前工作目录,不带引号。