blocks|key|569894|text|到目前为止给出的大多数答案都是错误的，建议加载其他库并使用代码而不是标记。在Ipython/Jupyter笔记本中，这非常简单。确保单元格确实处于标记中，并使用以下命令显示图像：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|569895|![alt+text](imagename.png+"Title")|code-block|syntax|javascript|569896|与提出的其他方法相比，更多的优点是您可以显示所有常见的文件格式，包括jpg、png和gif+(动画)。|569897|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

Most of the answers given so far go in the wrong direction, suggesting to load additional libraries and use the code instead of markup. In Ipython/Jupyter Notebooks it is very simple. Make sure the cell is indeed in markup and to display a image use:

<pre><code>![alt text](imagename.png "Title")
</code></pre>

Further advantage compared to the other methods proposed is that you can display all common file formats including jpg, png, and gif (animations).

blocks|key|569732|text|我使用的是IPython2.0，所以只有两行。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|569733|from+IPython.display+import+Image
Image(filename='output1.png')|code-block|syntax|javascript|569734|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

I am using ipython 2.0, so just two line.

<pre><code>from IPython.display import Image
Image(filename='output1.png')
</code></pre>

blocks|key|354140|text|已过时|type|unstyled|depth|inlineStyleRanges|entityRanges|data|354141|IPython/Jupyter现在支持一个扩展模块，可以通过复制和粘贴或拖放来插入图像。|354142|https://github.com/ipython-contrib/IPython-notebook-extensions|offset|length|354143|拖放扩展似乎可以在大多数浏览器中使用|354144|https://github.com/ipython-contrib/IPython-notebook-extensions/tree/master/nbextensions/usability/dragdrop|354145|但复制和粘贴只适用于Chrome。|354146|entityMap|0|LINK|mutability|MUTABLE|url|1^0|0|0|0|1Q|0|0|0|0|2Y|1|0|0^^$0|@$1|2|3|4|5|6|7|V|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|W|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|X|8|@]|9|@$F|Y|G|Z|1|10]]|A|$]]|$1|H|3|I|5|6|7|11|8|@]|9|@]|A|$]]|$1|J|3|K|5|6|7|12|8|@]|9|@$F|13|G|14|1|15]]|A|$]]|$1|L|3|M|5|6|7|16|8|@]|9|@]|A|$]]|$1|N|3|-4|5|6|7|17|8|@]|9|@]|A|$]]]|O|$P|$5|Q|R|S|A|$T|E]]|U|$5|Q|R|S|A|$T|K]]]]

[Obsolete]

IPython/Jupyter now has support for an extension modules that can insert images via copy and paste or drag &amp; drop.

<a href="https://github.com/ipython-contrib/IPython-notebook-extensions" rel="noreferrer">https://github.com/ipython-contrib/IPython-notebook-extensions</a>

The drag &amp; drop extension seems to work in most browsers

<a href="https://github.com/ipython-contrib/IPython-notebook-extensions/tree/master/nbextensions/usability/dragdrop" rel="noreferrer">https://github.com/ipython-contrib/IPython-notebook-extensions/tree/master/nbextensions/usability/dragdrop</a>

But copy and paste only works in Chrome.

blocks|key|569773|text|我将IPython笔记本和图像放在同一个文件夹中。我使用的是Windows。图片名为"phuong+huong+xac+dinh.PNG“。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|569774|在Markdown中：|569775|<img+src="phuong+huong+xac+dinh.PNG">|code-block|syntax|javascript|569776|代码：|569777|from+IPython.display+import+Image
Image(filename='phuong+huong+xac+dinh.PNG')|569778|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|P|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|Q|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|R|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|S|8|@]|9|@]|A|$G|H]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

I put the IPython notebook in the same folder with the image. I use Windows. The image name is "phuong huong xac dinh.PNG".

In Markdown:

<pre><code>&lt;img src="phuong huong xac dinh.PNG"&gt;
</code></pre>

Code:

<pre><code>from IPython.display import Image
Image(filename='phuong huong xac dinh.PNG')
</code></pre>

blocks|key|354226|text|jupyter笔记本的最新版本本机接受图像的复制/粘贴|type|unstyled|depth|inlineStyleRanges|entityRanges|data|354227|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

Last version of jupyter notebook accepts copy/paste of image natively

blocks|key|570029|text|在运行此代码之前，将默认块从"Code“更改为"Markdown”：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|570030|![<caption>](image_filename.png)|code-block|syntax|javascript|570031|如果图像文件在另一个文件夹中，您可以执行以下操作：|570032|![<caption>](folder/image_filename.png)|570033|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

Change the default block from &quot;Code&quot; to &quot;Markdown&quot; before running this code:
<pre><code>![&lt;caption&gt;](image_filename.png)
</code></pre>
If image file is in another folder, you can do the following:
<pre><code>![&lt;caption&gt;](folder/image_filename.png)
</code></pre>

blocks|key|569985|text|对于那些希望将图像文件放在Jupyter机器上的位置，以便可以从本地文件系统显示它的人。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|569986|我把我的mypic.png放到|offset|length|style|CODE|569987|/root/Images/mypic.png|code-block|syntax|javascript|569988|(即显示在Jupyter+online文件浏览器中的Images文件夹)|569989|在这种情况下，我需要将以下行放入Markdown单元格，以便在记事本中显示我的图片：|569990|![My+Title](Images/mypic.png)|569991|entityMap^0|0|4|9|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|V|8|@$D|W|E|X|F|G]]|9|@]|A|$]]|$1|H|3|I|5|J|7|Y|8|@]|9|@]|A|$K|L]]|$1|M|3|N|5|6|7|Z|8|@]|9|@]|A|$]]|$1|O|3|P|5|6|7|10|8|@]|9|@]|A|$]]|$1|Q|3|R|5|J|7|11|8|@]|9|@]|A|$K|L]]|$1|S|3|-4|5|6|7|12|8|@]|9|@]|A|$]]]|T|$]]

For those looking where to place the image file on the Jupyter machine so that it could be shown from the local file system.

I put my <code>mypic.png</code> into

<pre><code>/root/Images/mypic.png
</code></pre>

(that is the Images folder that shows up in the Jupyter online file browser)

In that case I need to put the following line into the Markdown cell to make my pic showing in the notepad:

<pre><code>![My Title](Images/mypic.png)
</code></pre>

blocks|key|353969|text|minrk的答案是正确的。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|353970|然而，我发现在Print+View+(在我的Windows机上，在Chrome浏览器中运行Anaconda发行版的IPython版本0.13.2+)中，图像似乎已经损坏了。|353971|解决此问题的方法是改用<img+src="../files/image.png">。|offset|length|style|CODE|353972|这使得图像在打印视图和普通iPython编辑视图中都能正确显示。|353973|更新:在我升级到iPython+v1.1.0之后，不再需要这个变通方法，因为打印视图不再存在。实际上，您必须避免此解决方法，因为它会阻止nbconvert工具查找文件。|353974|entityMap^0|0|0|B|U|0|0|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|Q|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|R|8|@$F|S|G|T|H|I]]|9|@]|A|$]]|$1|J|3|K|5|6|7|U|8|@]|9|@]|A|$]]|$1|L|3|M|5|6|7|V|8|@]|9|@]|A|$]]|$1|N|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|O|$]]

minrk's answer is right.

However, I found that the images appeared broken in Print View (on my Windows machine running the Anaconda distribution of IPython version 0.13.2 in a Chrome browser)

The workaround for this was to use <code>&lt;img src="../files/image.png"&gt;</code> instead.

This made the image appear correctly in both Print View and the normal iPython editing view. 

UPDATE: as of my upgrade to iPython v1.1.0 there is no more need for this workaround since the print view no longer exists. In fact, you must avoid this workaround since it prevents the nbconvert tool from finding the files.

blocks|key|354467|text|我永远不能让“插入图像”到标记单元格中工作。但是，拖放进入保存在与我的笔记本相同的目录中的png文件。它将此文本带入单元格|type|unstyled|depth|inlineStyleRanges|entityRanges|data|354468|"“|354469|shift+%2B+enter+>图像现在显示在notebook中。|354470|FWIW|354471|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|J|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|K|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|L|8|@]|9|@]|A|$]]|$1|F|3|G|5|6|7|M|8|@]|9|@]|A|$]]|$1|H|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|I|$]]

I never could get &quot;insert image&quot; into a markdown cell to work. However, the drag and drop entered the png file saved in the same directory as my notebook. It brought this text into the cell
&quot;&quot;
The shift + enter &gt; image is now displayed in notebook.
FWIW

blocks|key|354390|text|你可以在jupyter+notebook中通过'pwd‘命令找到当前的工作目录，不带引号。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|354391|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

You can find your current working directory by 'pwd' command in jupyter notebook without quotes.

I am starting to depend heavily on the IPython notebook app to develop and document algorithms. It is awesome; but there is something that seems like it should be possible, but I can't figure out how to do it:

I would like to insert a local image into my (local) IPython notebook markdown to aid in documenting an algorithm. I know enough to add something like <code>&lt;img src="image.png"&gt;</code> to the markdown, but that is about as far as my knowledge goes. I assume I could put the image in the directory represented by 127.0.0.1:8888 (or some subdirectory) to be able to access it, but I can't figure out where that directory is. (I'm working on a mac.) So, is it possible to do what I'm trying to do without too much trouble?

Inserting image into IPython notebook markdown

文件系统

Windows

我开始严重依赖IPython notebook应用程序来开发和记录算法。这很棒；但有一些事情看起来应该是可能的，但我不知道怎么做：我想在我的(本地) IPython笔记本标记中插入一个本地图像，以帮助记录算法。我所知道的足以将像<img src="image.png">这样的东西添加到降价中，但这是我所知道的全部内容。我假设我可以将图像放在由127.0.0.1:8888表示的目录(或某个子目录)中

问将图像插入到IPython笔记本标记中
EN

回答 10

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问将图像插入到IPython笔记本标记中EN

回答 10

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问将图像插入到IPython笔记本标记中
EN