將圖像插入 IPython 筆記本降價

Question

我開始嚴重依賴 IPython 筆記本應用程序來開發和記錄算法。 太棒了; 但有些事情似乎應該是可能的，但我不知道該怎么做：

我想在我的（本地）IPython 筆記本降價中插入一個本地圖像，以幫助記錄算法。 我知道的足以將<img src="image.png">到<img src="image.png"> ，但就我所知，就這些。 我假設我可以將圖像放在 127.0.0.1:8888 表示的目錄（或某個子目錄）中以便能夠訪問它，但我無法弄清楚該目錄在哪里。 （我在 mac 上工作。）那么，是否有可能在沒有太多麻煩的情況下做我想做的事情？

Answer 1

到目前為止給出的大多數答案都朝着錯誤的方向發展，建議加載額外的庫並使用代碼而不是標記。 在 Ipython/Jupyter Notebooks 中，它非常簡單。 確保單元格確實在標記中並顯示圖像使用：

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

與建議的其他方法相比，進一步的優勢是您可以顯示所有常見的文件格式，包括 jpg、png 和 gif（動畫）。

Answer 2

notebook 目錄中的文件可在“files/”網址下找到。 因此，如果它在基本路徑中，它將是<img src="files/image.png"> ，並且子目錄等也可用： <img src="files/subdir/image.png">等。

更新：從 IPython 2.0 開始，不再需要files/前綴（參見發行說明）。 所以現在解決方案<img src="image.png">只是按預期工作。

Answer 3

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

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

Answer 4

將圖像放入 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。

這太簡單了！！

截至 2021 年 3 月 18 日的更新：這種簡單的“從 Windows 文件系統拖放”方法在 JupyterLab 中仍然可以正常工作。 JupyterLab 插入正確的 HTML 代碼，將圖像直接永久地嵌入筆記本中，以便圖像存儲在 .ipynb 文件中。 我在 Windows 10 上運行 Jupyter Lab 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 Classic Notebook 中再次運行。 我剛剛在 2021 年 7 月 15 日在 v6.4 中嘗試過。 感謝 Jupyter NB 經典開發者！！

Answer 5

[過時的]

IPython/Jupyter 現在支持擴展模塊，可以通過復制和粘貼或拖放插入圖像。

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

拖放擴展似乎適用於大多數瀏覽器

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

但復制和粘貼僅適用於 Chrome。

Answer 6

如果要在Markdown 單元格中顯示圖像，請使用：

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

如果要在代碼單元格中顯示圖像，請使用：

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

Answer 7

我將 IPython notebook 與圖像放在同一文件夾中。 我使用 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')

Answer 8

首先確保您在 ipython notebook 單元格中的 markdown 編輯模型中

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

![title](img/picture.png)

如果標題丟失，它似乎也有效：

![](img/picture.png)

請注意，路徑中不應有引號。 不確定這是否適用於帶有空格的路徑！

Answer 9

jupyter notebook 的最新版本本機接受圖像的復制/粘貼

Answer 10

在運行此代碼之前，將默認塊從“Code”更改為“Markdown”：

![<caption>](image_filename.png)

如果圖像文件在另一個文件夾中，您可以執行以下操作：

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

Answer 11

對於那些尋找在 Jupyter 機器上放置圖像文件的位置的人，以便它可以從本地文件系統顯示。

我把我的mypic.png放入

/root/Images/mypic.png

（即顯示在 Jupyter 在線文件瀏覽器中的 Images 文件夾）

在這種情況下，我需要將以下行放入 Markdown 單元格中，以使我的圖片顯示在記事本中：

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

Answer 12

minrk 的回答是正確的。

但是，我發現圖像在打印視圖中出現損壞（在我的 Windows 機器上，在 Chrome 瀏覽器中運行 IPython 0.13.2 版的 Anaconda 發行版）

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

這使得圖像在打印視圖和正常的 iPython 編輯視圖中都能正確顯示。

更新：從我升級到 iPython v1.1.0 開始，不再需要此解決方法，因為打印視圖不再存在。 事實上，您必須避免這種變通方法，因為它會阻止 nbconvert 工具查找文件。

Answer 13

我永遠無法將“插入圖像”放入降價單元格中工作。 但是，拖放進入了與我的筆記本保存在同一目錄中的png文件。 它將此文本帶入單元格

“”

shift + enter > image 現在顯示在 notebook 中。

FWIW

Answer 14

您可以通過 'pwd' 命令在 jupyter notebook 中不帶引號找到您當前的工作目錄。