Skip to main content

Our gateway team has already add *.lucid.app to the whitelist,  but when I paste image I still got the error below

Access to fetch at 'https://cdn-image-service.lucid.app/images/37e584d6-51be-4019-b767-738cfd795fd7/128' from origin 'https://lucid.app' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.

May I know how to resolve it?

Hi @Jingli H 

These steps usually work for me when I'm importing files or pasting images:

For Pasting an Image:

  1. Open your Lucidchart document.

  2. Ensure you have the image you want to paste copied to your clipboard.

  3. Use the keyboard shortcut or right-click option to paste the image into Lucidchart.

  4. If you encounter CORS (Cross-Origin Resource Sharing) issues, consider saving the image locally and then uploading it to Lucidchart.

For Importing a Visio File:

  1. Open your Lucidchart document.

  2. Go to the "File" menu.

  3. Select "Import" or "Open" and choose the option for importing a Visio file.

  4. Locate and select the Visio file from your computer.

  5. Follow the on-screen instructions to complete the import process.

Troubleshooting CORS Issues:

If you face CORS-related problems, try the following:

  • Save the image locally and upload it directly to Lucidchart.

  • Check if the image source allows cross-origin sharing.

  • Ensure your Lucidchart workspace settings allow external content.

You can also try this link here for more guidance: Troubleshooting: Images – Lucid


Thanks for your reply. those functionalities used to work fine. just stop working recently. I have tried the steps you mentioned that other community post already. no lucky.


Hi @Jingli H, thanks for the response! And thanks for those awesome tips, @Ria S 👏🏼

If it recently stopped working, it could potentially be an issue with your browser or network. Do you mind testing pasting the image while using a Chrome incognito browser, and additionally testing while using a different network? Thanks for your help and patience!


Hi @Jingli H, thanks for the response! And thanks for those awesome tips, @Ria S 👏🏼

If it recently stopped working, it could potentially be an issue with your browser or network. Do you mind testing pasting the image while using a Chrome incognito browser, and additionally testing while using a different network? Thanks for your help and patience!


I have tried on different browser and chrome incognito, not work neither. still got the error below in the JdeveloperConsole. Our network team has confirmed that we have *.lucid.app url listed in the URL whitelist already.

Access to fetch at 'https://images.lucid.app/images' from origin 'https://lucid.app' has been blocked by CORS policy: The value of the 'Access-Control-Allow-Origin' header in the response must not be the wildcard '*' when the request's credentials mode is 'include'.

The FetchEvent for "https://images.lucid.app/images" resulted in a network error response: the promise was rejected.
Promise.then (async)
(anonymous) @ 8f4d61c4b57152f5f44361c6c334117a5b78780d6cbd434d7f568699f222cc.js.br:335
 


Hi @Jingli H, thanks for the additional information! It sounds like this could be related to a CORS plug in or extension. Could you check you extensions, disable CORS, and try pasting your image again?


Reply