Angular-cli：如何访问资产文件夹之外的图像

Question

我对 Angular 很陌生，正在构建一个照片灯箱作为学习项目。 有没有办法使用项目文件夹外部的图像？ 我已经尝试使用此处引用的 Glob（ https://github.com/angular/angular-cli/issues/3555 ）并在 .angular-cli.json 文件（见下文）中插入目录路径，但都没有成功. 这在 angular-cli 中可能吗？

 "assets": [
             "assets",
             "assets/img",
             "D:/training/img", // full path
             "../../../img",    // relative path
             "favicon.ico"
           ],

Answer 1

你应该能够用glob完成这个。 例如，如果我有一个文件夹结构

/outsideDirectory
    testImg.jpg
/myProject
    /node_modules
    /src
    .angular-cli.json

在你的cli.json中你可以定义glob

"assets": [
    {"glob": "**/*", "input": "../../outsideDirectory", "output": "./assets/"}
]

这会将您的outsideDirectory的内容复制到/dist/assets/目录。 现在，您可以在代码中使用该图像

<img src="assets/testImg.jpg">

请注意，cli.json的资产是针对静态资产的。 如果要动态地将图像推送到outsideDirectory，最好自己托管图像或使用某些服务，然后使用完整的Url引用它们。 这是因为glob中的图像只是outsideDirectory内容的副本（在构建时发生）。

Answer 2

按照以下步骤：

我的图片位于src => images => 1.png，这意味着它位于assets文件夹的外部

.angular-cli.json

打开angular-cli.json文件，找到assets数组，在数组中添加你的文件夹名称，如图像。

"assets": [
  "assets",
  "images",
  "favicon.ico"
],

componenet.html

<img src="images/1.png">

Answer 3

我的本地路径和服务器路径不同。 在生产构建之后，当我在服务器上上传应用程序时。 由于本地驱动器路径，它不起作用。 如何访问服务器路径？ 本地路径：- C:/videos/video1.mp4。
服务器路径：- C:/property/helpvideo/videp1.mp4。
我将在资产全局输入中使用哪个路径？