Pass an External Image URL to the Sanity Client and Upload

Is there an option to pass an external image url to the sanity client, and have it uploaded? I need to upload image from another service, from a react app, but can't because of CORS. And would like to not have to set up a microservice just to be able to do this. 🙂

you might have a look at this: Custom Asset Sources

https://www.sanity.io/docs/custom-asset-sources

Thanks, but I wan't Sanity to store all images. I just need to import them through js client side, from an external source.

ahh, sorry, misread before

think you’d have to set up an external service for that 😕

is right, the Sanity API doesn't support importing images from an url and there's no working around the browser security model here.

Ok, thanks. 🙂

Can’t it be kinda done via canvas? If you scroll down to the asset examples here? https://www.sanity.io/docs/js-client

You would still need to read the binary data from the image at another origin, and I don't think the same origin policy will allow that unless CORS headers are set.

I tried to do that, but as soon as you load external data into the canvas, the

toBlob()

throws error.

Aha! Well, that’s probably actually a good thing. Seems like lambdas or some such is the way to go