# CORS Images Blocked on iPhone

**URL:** <https://phaser.discourse.group/t/cors-images-blocked-on-iphone/15401>\
**Category:** Phaser 3\
**Created:** [July 3, 2025, 3:34pm UTC](https://phaser.discourse.group/t/cors-images-blocked-on-iphone/15401 "2025-07-03T15:34:30Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![JamesFuse](https://avatars.discourse-cdn.com/v4/letter/j/65b543/32.png) [@JamesFuse](https://phaser.discourse.group/u/JamesFuse)\
**Post date:** [July 3, 2025, 3:34pm UTC](https://phaser.discourse.group/t/cors-images-blocked-on-iphone/15401/1 "2025-07-03T15:34:30Z")

</div>

I’m building a Phaser game which is used in for In-App messages for a client. I do not have access to the Native App code. We use a platform called Braze to send these messages which come up in the app as a Webview.

The game works fine on Android, but images appear to be blocked on iPhone. I have tried Base64 encoded images - which worked but the client complains that excessive amount of code causes their Braze portal to crash.

I have also tried subverting the Phaser 3 loading with the following approach:

```javascript
preload() {
       const imagesToLoad = [
          { key: 'chicken1', url: '....imageUrl' },
          { key: 'chicken2', url: '...imageUrl' },
       }
 // Load each image using native Image API
      imagesToLoad.forEach(imgData => {
          const img = new Image();
          img.crossOrigin = 'anonymous';
          
          img.onload = () => {
              // Add the loaded image to Phaser's texture manager
              this.textures.addImage(imgData.key, img);
          };
          
          // Start loading the image
          img.src = imgData.url;
      });

}

```

---

<div class="post-metadata">

**Author:** ![samme](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/samme/32/5275_2.png) [@samme](https://phaser.discourse.group/u/samme)\
**Post date:** [July 3, 2025, 3:55pm UTC](https://phaser.discourse.group/t/cors-images-blocked-on-iphone/15401/2 "2025-07-03T15:55:38Z")

</div>

Do you know for sure it’s a CORS error on the iPhone? What happens with your workaround?

---

<div class="post-metadata">

**Author:** ![JamesFuse](https://avatars.discourse-cdn.com/v4/letter/j/65b543/32.png) [@JamesFuse](https://phaser.discourse.group/u/JamesFuse)\
**Post date:** [July 4, 2025, 9:07am UTC](https://phaser.discourse.group/t/cors-images-blocked-on-iphone/15401/3 "2025-07-04T09:07:50Z")

</div>

Hi, yes I managed to resolve it by hosting our images in S3 via Cloudfront. Obviously something about the way Braze hosts images it didn’t like