send image display done

src/app/services/functions/file.service.ts

@@ -13,7 +13,7 @@ import { Camera,  CameraResultType, CameraSource, Photo} from '@capacitor/camera
 import { Filesystem, Directory } from '@capacitor/filesystem';
 import { environment } from 'src/environments/environment';
 import { HttpClient, HttpEventType, HttpHeaders, HttpParams } from '@angular/common/http';
-
+import { Storage } from '@ionic/storage';
 const IMAGE_DIR = 'stored-images';
 
 
@@ -53,6 +53,7 @@ export class FileService {
     private platform: Platform,
     private loadingCtrl: LoadingController,
     private http: HttpClient,
+    private storage: Storage
   ) {
     this.headers = new HttpHeaders();
   }
@@ -354,7 +355,6 @@ export class FileService {
         //loader.remove();
       });
  */  }
-
  addPictureToChat(roomId) {
 
   console.log('add picture to chat')
@@ -382,10 +382,16 @@ export class FileService {
     formData.append("blobFile", file);
     let guid: any = await this.uploadFile(formData).toPromise()
     console.log('add picture to chat', guid.path);
+    this.downloadFile(guid.path).subscribe(async (event) => {
 
-      /* const imageData =  await this.fileToBase64Service.convert(file)
+      if (event.type === HttpEventType.DownloadProgress) {
-      this.capturedImage = imageData; */
+        //this.downloadProgess = Math.round((100 * event.loaded) / event.total);
-      this.capturedImageTitle = file.name;
+        //console.log('FILE TYPE 33', msg.file.type)
+      } else if (event.type === HttpEventType.Response) {
+        var fileImage = 'data:image/jpeg;base64,' + btoa(new Uint8Array(event.body).reduce((data, byte) => data + String.fromCharCode(byte), ''));
+        console.log('add picture to chat',fileImage);
+        await this.storage.set(guid, fileImage).then(() => {
+          console.log('add picture to chat IMAGE SAVED')
 
           let body = {
             "message":
@@ -401,7 +407,7 @@ export class FileService {
               "file": {
                 "type": "application/img",
                 "guid": guid.path,
-            "image_url": ""
+                "image_url": fileImage
               }
             }
           }
@@ -415,6 +421,14 @@ export class FileService {
           }, (error) => {
             console.log('Msg after send image error', error);
           });
+        });
+      }
+
+    });
+
+    /* const imageData =  await this.fileToBase64Service.convert(file)
+    this.capturedImage = imageData; */
+
     //console.log(this.capturedImage)
   };
 }