如何在Google Colab中的笔记本中显示图像（例如在Anacondan Jupyter Notebook中）？

Question

我正在编写有关紧密绑定理论的Google Colab笔记本。我想在Markdown单元格或代码单元格中显示图像，就像使用以下代码在Anaconda中进行显示一样

export class Test1Component {

    public constructor(private router: Router) {

        this.router.events.subscribe((evt) => {

            if (evt instanceof NavigationEnd) {

                console.log(`${ new Date().toString() }: test1 component routed to`);

            }

        });

    }

}

我已经尝试过在Google Colab中以这种方式进行操作：

from IPython.display import Image # needed to embed an image
Image(filename='example.png', embed=True)

它运行并且什么都没有显示。

我已经读到这种方式也是可行的：

1. 将图片放入/usr/local/share/jupyter/nbextensions/google.colab /

2. from IPython.display import Image
   Image('example.png')
   
   

我不太了解这的最后一种做法。就像第一步是我计算机中的目录一样（我尝试过查找它，但该目录不存在）？

有没有更简单的方法来解决这个问题？

编辑：我现在知道该目录用于LINUX操作系统。我可以在Windows中做任何等效的事情（我的电脑运行Windows）

Answer 1

您的代码应该可以使用，但是您需要先将example.png上传到Colab。

from IPython.display import Image
Image('example.png')

要上传，请打开左侧的标签，依次选择“文件”和“上传”

Answer 2

还可以在 Colab 的 Markdown/Text 单元格中显示图像。创建一个文本单元格，然后您将拥有一个带有图标的顶部栏。选择“插入图像”对应的图像图标，然后从您的本地机器中选择图像。不过，它似乎不允许您从谷歌驱动器中进行选择。您可能还想查看 this 问题