How To Convert From Array of byte to string and preview the image in angular

Question

This is my model image and image saved in database as a binary array. I want to convert image value from array of bytes to string to preview the image.

export class Product{
    constructor(
        public name:string,
        public image:File,
        public quantity:number,
        public price:number,
        public categoryid:number,
        public category:Category,
    ){}
} 

product.component.ts

export class ProductComponent implements OnInit {
    products:Product[]=[]
    constructor(private productServce:ProductService) { }
    ngOnInit(): void {
        this.productServce.GetAll().subscribe(
            res=> 
                {
                    this.products=res
                }
        );
}

product.component.html

<div class="col-sm-12 col-md-6 col-lg-4 col-xl-3" *ngFor="let item of products">
    <div class="box" >
        <img  [src]="item.image" alt="">
        <h3 >{{item.name}}</h3>
        <div class="price"> {{item.price}} </div>
        <div class="stars">
            <i class="fas fa-star"></i>
            <i class="fas fa-star"></i>
            <i class="fas fa-star"></i>
            <i class="fas fa-star"></i>
            <i class="fas fa-star-half-alt"></i>
        </div>
        <a href="#" class="btn">add to cart</a>
    </div>
</div>