scaleflex / ng-cloudimage-responsive

Cloudimage responsive plugin will make your website load the exact image size you need depending on your user's screen size. Multiple pixel ratios are supported. Any questions or issues, please report to https://github.com/scaleflex/ng-cloudimage-responsive/issues
MIT License
16 stars 6 forks source link

Firebase Storage images are not working #22

Open Sampath-Lokuge opened 3 years ago

Sampath-Lokuge commented 3 years ago

Hi,

We're using your module on our Ionic app. But it is not working when an image is coming from Firebase Storage. Any clue?

Not working

<ci-img [src]="photoHandlerService?.userProfilePhotoChanged$ | async" #userProfilePhoto class="image-size" ratio="1"></ci-img>

Normal img tag and working fine:

<img [src]="photoHandlerService?.userProfilePhotoChanged$ | async" #userProfilePhoto class="image-size">

Sample Url format is like so (Note this is fake one. But the format is correct)

"https://firebasestorage.googleapis.com/v0/b/me.appspot.com/o/profile-photos%2Fn9foCFmwwwwwwJEuK9UbeAvnw7v1?alt=media&token=30aaaaa-5aaa-4aaa-8aaa-baaaaaa679e"