Angular2示例中的图像路径混乱

Angular2示例中的图像路径混乱,angular,Angular,指 在app.component.ts中,imagePath定义在angular.png, 但是,在代码库中,图像实际上被命名为angular.base64.png <img [src]="imagePath"> 图像仍然是如何显示的?这显然是一个Plunker功能。Plunker不允许上传二进制文件,但可以将文件编码为64个文件,并将其添加到文本文件中,使用 No.Base64 .Ext/COD>。代码运行的iFrAME使用 No.EXT/EXEC>URL.< /P> <

app.component.ts中,imagePath定义在angular.png, 但是,在代码库中,图像实际上被命名为angular.base64.png

 <img [src]="imagePath">


图像仍然是如何显示的?

这显然是一个Plunker功能。Plunker不允许上传二进制文件,但可以将文件编码为64个文件,并将其添加到文本文件中,使用<代码> No.Base64 .Ext/COD>。代码运行的iFrAME使用<代码> No.EXT/EXEC>URL.< /P> < P>访问数据,请考虑,

问:你能在给定的文件夹中创建一个名为MyImages的文件夹吗?
A:是的

问:怎么做?
答:点击新文件,弹出一个窗口询问文件夹名称,给它一个类似MyImages的名称

 <img [src]="imagePath">
到目前为止还不错

Q:现在将图像插入或添加到MyImages文件夹中如何?可能吗?
我不知道该怎么做

注意:在plunker中,将图像添加到文件夹并不像在windows-7/8/10中添加图像那样简单(自己试试,看看是否那么简单?)

所以你们回答的问题是

.base64.png仅显示/指示扩展名为.png的base64编码文件。所以它只是一个用base64编码的图像文件。就这样。

剩下的事情和使用plunker一样简单。不是吗