Error message in frontend: Image could not be accessed

Hi @keksdestodes ,

Since you’ve mentioned that the issue is related to not logged-in users, it might also be helpful to try clearing your browser cache and cookies before accessing the page again. This could potentially resolve any cached data causing the issue.

To better assist you, could you kindly provide us with the specific page URL where you’re encountering this issue?

Once we have the page URL, we’ll be able to take a closer look and provide you with a more accurate solution.

Thank you for your cooperation!

Best Regards,

Hi,

oh yes, i did this. Deleted WordPress cache, CDN, Browser Cache, Cookies, all those things.

See this URL: https://camperstyle.de/komplettes-homeoffice-im-wohnwagen-fendt-praesentiert-studie-mit-vollausstattung-fuers-mobile-arbeiten/

regards

Hi @keksdestodes,

Thank you for providing the URL. However, I’ll need the URL of the image path in your backend that you’re trying to display in your feed.

Looking forward to helping you further.

Best regards,

Hi,

do you mean this: https://camperstyle.de/wp-content/uploads/2023/08/Fendt_Concept_Connect-1-scaled.jpg ?

Hi @keksdestodes,

The image the tour URL is loading from Closte CDN but in the backend it is loading from the wp-content. This could be the issue.

We are looking into this. We’ll get back to you very soon.

Best Regards,

Hi @keksdestodes,

Thank you for providing the details and the URL of the page. The error message you’re encountering, “The file xxx could not be accessed,” is likely due to a CORS (Cross-Origin Resource Sharing) policy restriction.

The problem is arising because your website is trying to access an image file hosted on a different domain (“<u>https://cdn-5f7884d3c1ac190fbc5749c6.closte.com</u&gt;“) from your own domain (“<u>https://camperstyle.de</u&gt;“), and the server where the image is hosted hasn’t been configured to allow such cross-origin requests.

To resolve this, you’ll need to add the necessary headers to your server to enable cross-origin requests from your domain. I recommend following the instructions in the link you provided: https://biglinden.com/support/how-to-enable-cors-in-wordpress/. This guide will help you set up the required headers to allow your website to access the images hosted on a different domain without any issues.

Once you’ve implemented the CORS headers, your users, whether logged in or not, should be able to access the images without encountering the “The file xxx could not be accessed” error.

Let me know if you are able to solve the issue.

Best regards,

Hi,

thank you very much. But that did not solve the problem. I set up access-control-allow-origin: * for testing. You can check on the page.

But i still get the same error.

Do you have any other idea?

regards

Problem solved. If someone ever has this problem, here is the solution:

The images on the CDN had referrer policy strict-origin-when-cross-origin. After changing this also its working now.

Hi @keksdestodes,

I’m glad to hear that you were able to solve the issue! Thank you for sharing your approach here. This will undoubtedly be helpful for anyone who might encounter a similar problem.

If you’re pleased with our help, we’d be glad if you could consider leaving a review to let others know about your experience.

Wishing you all the best with your project, and don’t hesitate to contact us if you need anything else.

Best regards,

• This reply was modified 1 year, 2 months ago by islamtamanna.