Issue Summary

If the Connect app displays Confluence content and Firefox Enhanced Tracking is turned on, images from attachments are not loaded. Unsplash images are unaffected.

Steps to Reproduce

1. Create a Connect app.

2. Get the image URL from the body.view using the Search API.
    

3. Add images to the app:

<div data-item="2631827513" class="aui-item news-item news-painted contentview pinned" style="background-image: url('https://SITE.atlassian.net/wiki/download/attachments/ATTACHMENTS/IMAGE_NAME.jpg?version=2&amp;modificationDate=1724571559547&amp;cacheVersion=1&amp;api=v2'); background-size: auto; background-repeat: no-repeat;" data-itemid="ITEM_ID"></div> 

Actual Results

• The app does not load images.
• Multiple 404 responses can be observed in the network tab.

Workarounds

• You can turn off this feature as described on the below page:
  https://support.mozilla.org/en-US/kb/enhanced-tracking-protection-firefox-desktop#w_what-to-do-if-a-site-seems-broken
• Adding the site URL to the tracking protection allowlist also resolves this problem.
• Use the below code to get the attachment image:

async function getImageJSON(url) {
    return await AP.request({
        url: url,
        binaryAttachment: true,
    })
        .then(data => {
            return data;
        })
        .catch(err => {
            return null;
        });
}