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

Question

我有一个带有java rest服务的Angular 5应用程序，Java应用程序将图像保存在java应用程序之外的一个文件夹中。现在，角度假设读取这些图像。因为这些图像是由两个应用程序共享的，所以在外部保存它们是有意义的，但它不起作用或不确定如何操作。

我有一个场景示例: Java应用程序将图像保存到：

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

Angular零部件具有以下模板：

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

在组件内部声明的imagesPath：

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

My assets文件夹(不包括我需要的图像)：

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

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

谢谢。

Answer 1

你试图做的事情是错误的。考虑一下部署。你想做的是，

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

然后你就可以展示这些图片了。

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

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