在Angular 5中保存和读取图像的最佳实践是什么？

Question

我有带有Java rest服务的Angular 5应用，该Java应用保存了图片 在Java应用程序外部的文件夹中。 现在，Angular假定读取这些图像。因为这些图像是共享的 通过这两个应用程序，将它们保存到外部很有意义，但是它不起作用或不起作用 确定该怎么做。

我的情况示例： Java应用程序将图像保存到：

C:\Users\MyName\Documents\workspace\myentitiy

Angular组件具有以下模板：

<img [src]=imagesPath alt="">

在组件内部声明的imagesPath：

public imagesPath :any = "../myentitiy/1/myfiles/1/body.png";

我的资产文件夹（不包括我再次需要的图像）：

C:\Users\MyName\Documents\workspace\MyAngularApp\src\assets

我尝试将imagesPath更改为其他路径，但无法使其正常工作， 知道Angular如何访问外部文件，或者我必须更改Java应用程序以保存到Angualr的资产文件夹中吗？

谢谢。

Answer 1

您尝试做的是错误的。考虑部署。你想做的是，

您可以从前端上传图像。这些图像将被上传到后端，以便您可以将图像存储在ftp服务器内部的特定文件夹中。现在，您可以将该图像的URL存储在数据库中。从前端加载这些图像时，后端向您发送从数据库加载的图像URL。

然后您可以显示这些图像。

仅在开发应用程序时保留共享位置，而在部署它时则无效。

出于开发目的，您可以尝试将所有图像保存在文件夹中，并存储URL。您可以使用Chrome Web Server来托管图像。这仅出于开发目的。无论如何，在部署时，您需要对从Java后端到FTP服务器的图像上传部分进行锻炼。