I am building a design tool to create fully customizable photo products like photobooks. I use technologies such as firebase (database and storage) and angular4. In order to integrate google photos with my web app I use the google photos api. When I try to edit user's photos with html canvas (toDataUrl) I get the following error:
"Access to Image at '...' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource."
I know what it means but i can't find any solution in order to edit user's photos and use them for printing purposes. Could anybody help me?
Asked
Active
Viewed 1,095 times
6
Dimitrios Tournoglou
- 61
- 2
-
Check if Google API is blocking the calls from localhost or the domain you are hosting the tool – Dilip Nannaware Jun 28 '18 at 17:11
-
Aside from setting up your own proxy server did you come up with a solution? Shutterfly requires Google Photos to be copied to their server before editing. I think this might be the reason. – Corey Alix Dec 14 '19 at 13:27
-
I have this same problem. I'm also using angular. Did you find a solution? – Greg Harner Mar 06 '20 at 09:48
-
1Same here, relevant feature request here: https://issuetracker.google.com/issues/118662029 – Serge Morel Jun 19 '20 at 10:17
-
Having the same problem. Have you managed to find a solution? – Ibrahim Mumcu Mar 11 '22 at 01:16