node.js - 显示图像时，Object.parse 的位置 0 处出现 JSON 中的意外标记

Question

我正在尝试将图像存储在 mongodb 中并将其显示回 Angular。我已完成上传，但在尝试显示时出现错误。我在 POSTMAN 中测试了我的 API。它运行良好。我认为错误是由于响应类型引起的。

API

    get('/images',(req, res, next) => {
      const user = AuthBase.getUser(req, res);
      this.model.findOne({\[this.userForeignKey\]: new mongoose.Types.ObjectId(user._id)}, (err, image) => {
          if (err) {
              res.sendStatus(400);
          }
          // stream the image back by loading the file
          res.setHeader('Content-Type', 'image/jpeg'); 
          fs.createReadStream(path.join(UPLOAD_PATH, image.filename)).pipe(res);
//if I add res.json(image) here, I am not getting any error but the Image is getting broken        
 })
    });][1] 

服务

getImage(): Observable<any> {
  return this.http.get(`/api/images`);
}

组件

images:[]
  getImage() 
  {
 this.patientService.getImage().subscribe(
    data =>{ 
   this.images = [data]; 
   console.log(data); },
    error => console.log(error) ); 
  }

Answer 1

在 get 请求中包含响应类型

getImage(): Observable<any> {
  return this.http.get(`/api/images`,{ responseType: 'blob' });
}