Blocked by CORS policy

Hello,

I’m developing a [plugin] to watermark images using watermark.js

But I facing an error message:

Access to image at https://s3.amazonaws.com/appforest_uf/f1606121435292x281815384155639000/rania%20sitting.jpg’ from origin ‘https://tstapp.bubbleapps.io’ has been blocked by CORS policy: No 'Access-Control-Allow-Origin’ header is present on the requested resource.

Do you have a solution or workaround for this?

Best Regards

2 Likes

Yes. Turn the image into base64 and use it that way… is one way

Thanks, @jared.gibb how to turn the image into base64?

1 Like

Refer to the file in your expression, it’ll have a :converted to base64 option available

1 Like

https://kenulenwinee.bubbleapps.io’ 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.

someone help
me

2 Likes

I have the same problem, using a image link storage outside of bubble, any solution on that?

3 Likes

If we turn it into base 64 then how do we use it?

You can reconvert back client side