Android 离子4图像显示错误

我正在开发一个离子4（角度）项目。我有一个页面，我需要显示一些图像。 以下代码用于图像显示：

<ion-row>
  <ion-col col-12 *ngFor="let photo of photos">
    <div style="position:relative;">
      <button class="close" (click)="deletePhotoConfirmAlert(photo)" 
      style="right:0px; position: absolute; width:30px; height: 30px; 
        background-color: red; color: white">
        <span>&times;</span>
      </button>
      <img [src]="getImageSource(photo.attachmentId)">
    </div>
  </ion-col>
</ion-row>

这就是它的样子：

网页版本：

移动版本（iOS）：

正如你所看到的，图像并没有显示在手机上，它只是一个小的白色正方形。 我也尝试过安卓设备，同样的事情也发生了。 我还应该提到，如果从移动设备上传照片（拍摄相机照片），照片会再次显示为设备上的白色小正方形，但如果在浏览器上打开，则会正确显示

---

注意：图像仅用于测试目的，因此与上下文无关。

设置图像高度和宽度，然后重试

 <img [src]="getImageSource(photo.attachmentId)" height="200" width="200">

或

---

检查浏览器中的图像url。

console上有任何错误吗？@Piyush无，除了本机模块无法访问浏览器上的摄像头之外，但这不是问题，因为它打开了文件“选择模式”。在移动设备上，它当然可以打开相机并具有所有本机功能。您是否检查了图像是否正在加载，但是否显示在小盒子中？

 <img [src]="getImageSource(photo.attachmentId)" height="200" width="200">