example-apps/PDD/frontend-src/src/app/pcboutputimages/pcboutputimages.component.ts

   1 import { Component, OnInit } from '@angular/core';
   2
   3 import { EaltserviceService } from '../ealtservice.service'
   4
   5 import { DomSanitizer, SafeUrl } from "@angular/platform-browser";
   6
   7 @Component({
   8   selector: 'app-pcboutputimages',
   9   templateUrl: './pcboutputimages.component.html',
  10   styleUrls: ['./pcboutputimages.component.scss']
  11 })
  12 export class PcboutputimagesComponent implements OnInit {
  13
  14   output_images = ["./../../assets/images/output_images/01_spurious_copper_03.jpg","./../../assets/images/output_images/04_missing_hole_04.jpg","./../../assets/images/output_images/07_spurious_copper_05.jpg","./../../assets/images/output_images/09_missing_hole_04.jpg","./../../assets/images/output_images/09_spurious_copper_09.jpg","./../../assets/images/output_images/11_open_circuit_03.jpg"];
  15   outputimg = true;
  16
  17   thumbnail01 : any;
  18   thumbnail02 : any;
  19   thumbnail03 : any;
  20   thumbnail04 : any;
  21   thumbnail05 : any;
  22
  23   constructor(
  24     private serviceobj: EaltserviceService,
  25     private sanitizer: DomSanitizer
  26   ) { }
  27
  28   ngOnInit(): void {
  29     this.getImage();
  30   }
  31
  32   getImage() {
  33     debugger;
  34     localStorage.removeItem('camera');
  35     localStorage.removeItem('edgesite');
  36     this.serviceobj.getOutputImage()
  37         .subscribe( (data:any) => {
  38
  39       debugger;
  40
  41       let objectURL01 = 'data:image/jpeg;base64,' + data.image01;
  42       let objectURL02 = 'data:image/jpeg;base64,' + data.image02;
  43       let objectURL03 = 'data:image/jpeg;base64,' + data.image03;
  44       let objectURL04 = 'data:image/jpeg;base64,' + data.image04;
  45       let objectURL05 = 'data:image/jpeg;base64,' + data.image05;
  46
  47       this.thumbnail01 = this.sanitizer.bypassSecurityTrustUrl(objectURL01);
  48       this.thumbnail02 = this.sanitizer.bypassSecurityTrustUrl(objectURL02);
  49       this.thumbnail03 = this.sanitizer.bypassSecurityTrustUrl(objectURL03);
  50       this.thumbnail04 = this.sanitizer.bypassSecurityTrustUrl(objectURL04);
  51       this.thumbnail05 = this.sanitizer.bypassSecurityTrustUrl(objectURL05);
  52
  53      },
  54      error => console.log(error));
  55
  56   }
  57
  58 }