Can't display downloaded image in iphone

Hi Folks,

I have downloaded image using following code ,

this.storageDirectory = cordova.file.documentsDirectory; ( As i am targetting ios at the moment)

downloadImage(image) {

this.platform.ready().then(() => {

  const fileTransfer: TransferObject = this.transfer.create();

  var url = encodeURI("");, this.storageDirectory + image).then((entry) => {

    const alertSuccess = this.alertCtrl.create({
      title: `Download Succeeded!`,
      subTitle: `${image} was successfully downloaded to: ${entry.toInternalURL()}`,
      buttons: ['Ok']

    this.isImage = true;
    this.internalSrc = entry.toURL();

  }, (error) => {

    const alertFailure = this.alertCtrl.create({
      title: `Download Failed!`,
      subTitle: `${image} was not successfully downloaded. Error code: ${error.code}`,
      buttons: ['Ok']





i am getting success alert but i am not able to display this downloaded image in iphone .
This is my html code ,

  <img *ngIf="isImage" [src]="internalSrc" alt="pug"/>

Am i missing anything ?

Any help would be appreciated.