插入图像到IPython笔记本markdown

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

我想在我的(本地)IPython笔记本标记中插入一个本地图像，以帮助记录算法。我知道足够多的东西像<img src="image.png">添加到markdown，但这是我所知道的。我假设我可以将图像放在由127.0.0.1:8888表示的目录(或一些子目录)中，以便能够访问它，但我无法找出该目录的位置。(我在mac电脑上工作)那么，有没有可能做到我想做的事情而不太麻烦呢?

478409 次浏览
小开
最佳答案

笔记本目录中的文件在“Files /”url下可用。所以如果它在基路径中，它将是<img src="files/image.png">, subdirs等也可用:<img src="files/subdir/image.png">等。

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

小开

明克的答案是正确的。

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

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

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

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

小开

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

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

我把IPython笔记本和图片放在同一个文件夹里。我使用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')
小开

(过时的)

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

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

拖动&Drop扩展似乎在大多数浏览器中工作

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

但是复制粘贴只能在Chrome中使用。

小开

到目前为止给出的大多数答案都走错了方向，建议加载额外的库并使用代码而不是标记。在Ipython/Jupyter notebook中，这非常简单。确保单元格确实在标记中，并使用以下方法显示图像:

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

与提出的其他方法相比，该方法的另一个优点是可以显示所有常见的文件格式，包括jpg、png和gif(动画)。

小开

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

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

![title](img/picture.png)

如果没有标题，它似乎也有效:

![](img/picture.png)

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

小开

jupyter笔记本的最后一个版本接受复制/粘贴的图像本机

小开

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

我把mypic.png放入

/root/Images/mypic.png

(这是图像文件夹，显示在Jupyter在线文件浏览器)

在这种情况下，我需要把下面的行Markdown单元格，使我的照片显示在记事本:

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

如果你想在减价细胞中显示图像，那么使用:

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

如果你想在代码单元中显示图像，那么使用:

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

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

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

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

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

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

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

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

这太简单了!!

更新至2021年3月18日: 这个简单的“从windows文件系统中拖放”;方法在JupyterLab中仍然可以正常工作。JupyterLab插入适当的HTML代码，将图像直接永久地嵌入到笔记本中，这样图像就存储在.ipynb文件中。我在Windows 10上运行JupyterLab 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经典笔记本。我刚刚在2021年7月15日在v6.4中尝试了它。感谢Jupyter NB Classic Developers !!

小开

更改默认块从"Code"“;Markdown"在运行这段代码之前:

![<caption>](image_filename.png)

如果镜像文件在其他文件夹，可以执行以下操作:

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

你可以通过“pwd”命令在没有引号的jupyter笔记本中找到你当前的工作目录。

小开

我从来没有得到“插入图像”;进入一个廉价单元工作。但是，拖拽进入的png文件保存在我的笔记本相同的目录。它把文字带进了细胞

““

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

就其价值而言


提交答案