Store URL instead of blob

src/MistoxWebsite.Client/src/app/models/Product.ts

@@ -11,5 +11,5 @@ export class Product {
 export class ProductImage {
   imageID: number = 0;
   productID: number = 0;
-  imageSrc: Blob = new Blob;
+  imageSrc: string = "";
 }

src/MistoxWebsite.Client/src/app/pages/store/catalog/catalog.component.html

@@ -5,8 +5,8 @@
                 <button class="gameCard-Prev" onclick="">❮</button>
                 <button class="gameCard-Next" onclick="">❯</button>
             </div>
-            <div *ngIf="product.images.length > 0" >
+            <div *ngIf="product.images.length > 0 && product.images[product.curShowingIMG]?.imageSrc" >
-                <img class="gameCard-Img" [src]="createImageUrl(product.images[product.curShowingIMG].imageSrc)">
+                <img class="gameCard-Img" [src]="product.images[product.curShowingIMG].imageSrc">
             </div>
         </div>
         <h1 class ="gameCard-Name">{{ product.name }}</h1>

src/MistoxWebsite.Client/src/app/pages/store/catalog/catalog.component.ts

@@ -30,7 +30,7 @@ export class CatalogComponent {
         this.Products.forEach(item => {
           item.images.forEach(img => {
             http.get("https://mistox.com/api/productimage/get?ProductID=" + img.productID + "&ImageID=" + img.imageID, { responseType: 'blob' }).subscribe(blob => {
-              img.imageSrc = blob;
+              img.imageSrc = URL.createObjectURL(blob);
               this.cdr.detectChanges();
             });
           });
@@ -39,8 +39,4 @@ export class CatalogComponent {
       }
     )
   };
-
-  createImageUrl(blob: Blob): string {
-    return URL.createObjectURL(blob);
-  }
 }