将图像插入IPython笔记本降价

ben*_*pro 180 python ipython jupyter jupyter-notebook

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

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

Phi*_*arz 195

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

![alt text](imagename.png "Title")
Run Code Online (Sandbox Code Playgroud)

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

  • @ Alex G,Markdown 是一种具有纯文本格式语法的语言,旨在将其转换为 HTML 和许多其他格式。Markdown 通常用于使用纯文本编辑器创建富文本。查看以下链接以了解语法:https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet (2认同)
  • 使用这个它不起作用。笔记本正在寻找特定位置 /notebooks/&lt;我的工作路径附加在此处&gt; - 当然这不是根 - 并且本地路径不存在。我发现仅使用笔记本*插入图像*很有帮助 - 它将图像添加为附件(现在是便携式的)。 (2认同)
  • 有没有办法将此方法用于名称中有空格的图像文件? (2认同)

min*_*nrk 170

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

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

  • 由于你正在降价,为什么不使用`![caption](files/image.png)`? (90认同)
  • 请重新阅读答案和评论.你的网址*总是*以'files /'开头,所以如果你的笔记本旁边有`k.png`,那么网址就是`src ="files/k.png"`. (4认同)
  • 啊,你可能正在使用0.12,不是吗?服务本地文件目前仅在master中提供.是的,"笔记本目录"是笔记本(.ipynb文件)的目录. (3认同)
  • @minrk:它对我不起作用.我把"<img rel="nofollow noreferrer" src ="k.png">",但它没有显示任何内容.k.png与笔记本文件位于同一文件夹中. (3认同)
  • 您必须刷新给定网址上的图像的网页才能重新加载. (2认同)
  • 它对我有用:).谢谢.只需提醒一下,降价代码也能正常工作:![some text](files/image.png)也很完美! (2认同)

Gom*_*mes 70

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

from IPython.display import Image
Image(filename='output1.png')
Run Code Online (Sandbox Code Playgroud)

  • 这是在*code*单元格中显示图像的正确方法.minrk的答案是在*markdown*单元格中显示图像的正确方法. (22认同)
  • 使用jupyter notebook 4.2.0,它不显示图像,除非我也调用`display`:`来自IPython.display import图像,显示; 显示(图像(文件名= 'output1.png'))` (2认同)

Mik*_*ike 21

[作废]

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 扩展。 (2认同)
  • 您发布的第二个链接已损坏 - 不再支持扩展程序? (2认同)

小智 11

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

在Markdown:

<img src="phuong huong xac dinh.PNG">
Run Code Online (Sandbox Code Playgroud)

码:

from IPython.display import Image
Image(filename='phuong huong xac dinh.PNG')
Run Code Online (Sandbox Code Playgroud)


Jad*_*cho 10

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

![<caption>](image_filename.png)
Run Code Online (Sandbox Code Playgroud)

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

![<caption>](folder/image_filename.png)
Run Code Online (Sandbox Code Playgroud)


tsa*_*ndo 8

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

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

![title](img/picture.png)
Run Code Online (Sandbox Code Playgroud)

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

![](img/picture.png)
Run Code Online (Sandbox Code Playgroud)

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


Rom*_*uin 8

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


Ric*_*PhD 6

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

这是如此简单!

  • 我什至从本地计算机拖放到远程笔记本上。谢谢 (2认同)

mak*_*kis 5

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

<img src="files/image.png" width="800" height="400">
Run Code Online (Sandbox Code Playgroud)

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

from IPython.display import Image
Image(filename='output1.png',width=800, height=400)
Run Code Online (Sandbox Code Playgroud)