iOS Contact Photos Not Found

Ionic Native
1

I’m using the Ionic native package to pull contacts and having troubles displaying the images in an avatar on iOS. Android works just fine. I’m already using DomSanitizer. For some reason, the photo url that’s pulled and sanitized returns a 404. I’ve tried various image url manipulations and src bindings but nothing seems to help.

The package docs mention that the iOS images are stored in a tmp file which is cleared when you exit the app but this is all happening in the same session so I ruled that out.

Here’s some of my code…

this.contactsList = [];
            this.deviceContacts.find(["*"], {multiple: true}).then((contacts) => {
              _.each(contacts, (data) => {
                
                try {
                  let contact = {
                    id: data.id,
                    name: data.name.formatted,
                    phone: [],
                    photo: data.photos && data.photos.length > 0 ? this.sanitizer.bypassSecurityTrustResourceUrl(data.photos[0].value) : 'assets/images/ghost_person_200x200_v1.png'
                  };

                  if (data.photos && data.photos.length > 0) {

                    let raw = data.photos[0].value;
                    let sani = this.sanitizer.bypassSecurityTrustUrl(raw);
                    let sani2 = this.sanitizer.bypassSecurityTrustResourceUrl(raw);
                    let norm = normalizeURL(raw);

                    console.log('RAW: ', raw);
                    console.log('SANI: ', sani);
                    console.log('SANI2: ', sani2);
                    console.log('NORM: ', norm);

<ion-avatar item-start>
    <!--<img bind-src="contact.photo">-->
    <!--<img src="{{contact.photo}}">-->
    <img [src]="contact.photo">
</ion-avatar>

And the output…

image
image.png1148×156 53 KB

image
image.jpg134×665 4.89 KB

Any help is appreciated.

2

Any interest in this? My contact plugin is up to date at 3.0.1. iOS at 11.4.

4

Removing cordova-plugin-ionic-webview package allowed the contact images to be rendered. As a side effect, some of my custom svg icons are displaying funny. I’ll have to do more testing to see if removing this plugin adversely affected any other ui components.