13、构建图片管理应用：从服务器路由到客户端展示

构建图片管理应用：从服务器路由到客户端展示

服务器端路由实现

在服务器端，我们利用 Picture 模型来处理图片数据。在添加图片的路由中，我们可以直接从请求体中填充 Picture 模型，因为请求体的参数与模型的架构相匹配。填充完成后，调用 save 方法将图片保存到数据库。如果保存过程中出现错误，将错误信息返回给客户端；否则，将图片信息返回给客户端。以下是具体代码：

const picture = new Picture(request.body);
picture.save((err, picture) => {
  if (err) {
    response.send(err);
  }
  response.json(picture);
});

在生产环境中，不建议将错误信息直接返回给客户端，因为这会暴露应用的内部工作机制。但在小型应用中，这可以帮助我们快速定位问题。

对于获取图片的请求，我们创建了 GetPicturesRouter 类。该类使用 Picture.distinct 方法获取用户上传的所有图片的唯一 _id 列表，并将其返回给客户端。代码如下：

export class GetPicturesRouter implements IRouter {
  public AddR