Solved

cannot paste image or import visio file

Forum|Forum|2 years ago
January 11, 2024
5 replies
212 views

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?

Best answer by Ria S

Hi @Jingli H

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

For Pasting an Image:

Open your Lucidchart document.
Ensure you have the image you want to paste copied to your clipboard.
Use the keyboard shortcut or right-click option to paste the image into Lucidchart.
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:

Open your Lucidchart document.
Go to the "File" menu.
Select "Import" or "Open" and choose the option for importing a Visio file.
Locate and select the Visio file from your computer.
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

Ria S

Answer

Lucid Legend Level 9

Hi @Jingli H

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

For Pasting an Image:

Open your Lucidchart document.
Ensure you have the image you want to paste copied to your clipboard.
Use the keyboard shortcut or right-click option to paste the image into Lucidchart.
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:

Open your Lucidchart document.
Go to the "File" menu.
Select "Import" or "Open" and choose the option for importing a Visio file.
Locate and select the Visio file from your computer.
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

Ria S.

Jingli HAuthor

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.

Addie

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!

Addie

Jingli HAuthor

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

Addie

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?

Addie

Create an account in the community

Log in to the community