imageWorkaround

src/app/pages/chat/messages/messages.page.html

@@ -60,7 +60,7 @@
           <ion-label>{{msg.msg}}</ion-label>
           <div *ngIf="msg.attachments" class="message-attachments">
             <div *ngFor="let file of msg.attachments let i = index">
-              <img *ngIf="file.image_url" src="{{file.image_url}}" alt="image">
+              <img *ngIf="file.image_url" src="{{file.image_url}}" alt="image" (click)="imageSize(file.image_url)">
               <div>
                 <div>
                   <div class="file">

src/app/pages/chat/messages/messages.page.ts

@@ -642,11 +642,22 @@ touchStart(card) {
       componentProps: {
         image: msg.attachments[0].image_url,
         username: msg.u.username,
-        _updatedAt: msg._updatedAt
+        _updatedAt: msg._updatedAt,
       }
+
+      
     });
     modal.present();
   }
+
+  imageSize(img){
+    var canvas = document.createElement('canvas');
+    var ctx = canvas.getContext('2d');
+    canvas.width=300
+    canvas.height=234
+    ctx.drawImage(img.attachments[0].image_url, 0, 0, 300, 234);
+    document.body.appendChild(canvas);
+}
 }
 
 

src/app/pages/publications/new-publication/new-publication.page.html

@@ -29,7 +29,7 @@
         <ion-item lines="none">
           <ion-thumbnail slot="start">
           
-              <ion-img [(ngModel)]="capturedImage" name="image" ngDefaultControl [src]="photo" (click)="openPreview(photo)" ></ion-img>
+              <ion-img [(ngModel)]="capturedImage" name="image" ngDefaultControl [src]="capturedImage" (click)="imageSize(capturedImage)" ></ion-img>
               <ion-row>
                 <ion-col>
                   <img src="" #imageElement/>

src/app/pages/publications/new-publication/new-publication.page.ts

@@ -116,6 +116,15 @@ export class NewPublicationPage implements OnInit {
 
   }
 
+  imageSize(image){
+      var canvas = document.createElement('canvas');
+      var ctx = canvas.getContext('2d');
+      canvas.width=300
+      canvas.height=234
+      ctx.drawImage(image, 0, 0, 300, 234);
+      document.body.appendChild(canvas);
+  }
+
   convertBlobToBase64 = (blob: Blob) => new Promise((resolve, reject) => {
     const reader = new FileReader;
     reader.onerror = reject;
@@ -379,7 +388,6 @@ export class NewPublicationPage implements OnInit {
 
 
 
-
   async selectImage() {
     const image = await Camera.getPhoto({
       quality: 50,
@@ -393,6 +401,8 @@ export class NewPublicationPage implements OnInit {
     }
   }
 
+  
+
   // Create a new file from a capture image
   async saveImage(photo: Photo) {
     const base64Data = await this.readAsBase64(photo);
@@ -475,4 +485,9 @@ export class NewPublicationPage implements OnInit {
     this.capturedImage = this.images[0].data
     //}
   }
+
+  
+
+  
+
 }