如何在angular中显示图片(图片上传在服务器端的uploads文件夹，angularjs在不同的服务器上)？

在Angular中显示图片的过程可以分为两步：上传图片到服务器端的uploads文件夹，然后在Angular中将图片显示出来。

步骤一：上传图片到服务器端的uploads文件夹

1. 在服务器端创建一个接收图片的API，用于接收上传的图片文件并保存到服务器的uploads文件夹中。可以使用Node.js和Express框架来实现这个API。
2. 在Angular中，可以使用HttpClient模块发送HTTP请求将图片文件上传到服务器端的API。可以使用FormData对象来构造表单数据，将图片文件作为文件类型的参数添加到FormData中，然后发送POST请求到服务器端的API。
3. 在服务器端的API中，使用合适的后端语言（例如Node.js的express框架）来接收并处理上传的图片文件，将其保存到服务器端指定的uploads文件夹中。可以使用multer中间件来处理文件上传。

步骤二：在Angular中显示图片

1. 在Angular组件中，使用<img>标签来显示图片。可以使用绑定属性的方式，将服务器端的图片路径绑定到<img>标签的src属性上。
2. 在Angular组件中，可以通过HTTP请求从服务器端获取图片的URL。可以使用HttpClient模块发送GET请求，获取服务器端的图片URL。
3. 在Angular组件中，使用服务器端返回的图片URL来动态设置<img>标签的src属性，从而显示图片。

这样就可以在Angular中显示服务器端上传的图片了。

推荐的腾讯云相关产品：腾讯云对象存储（COS） 链接地址：https://cloud.tencent.com/product/cos