👋 Next.js Conf 2024: Come build, party, run, and connect with us! See all events

How to Access the Meta-Data of an Uploaded Image within a Custom Input Component

4 replies
Last updated: Oct 12, 2021
Hi Everyone,
I'm creating a custom input component in Sanity Studio. I need to access the meta-data of the
uploaded image within that custom input component.
As of now I can only see the _ref and the _type properties in the image asset,

Does anyone have an idea how I can extract metadata of the image in custom input component?
Oct 12, 2021, 12:15 PM
You need to resolve the reference. Are you using groq? If so, have a read on this page for a good intro to references and how to resolve them: https://www.sanity.io/docs/how-queries-work#db43dfd18d7d
Oct 12, 2021, 12:19 PM
Essentially your query to get the image field would look something like
image->
to grab all the image reference data.
Oct 12, 2021, 12:20 PM
Thanks
user S
🙂 , But I need to access the meta-data within the Sanity Studio it self to create custom input component . I'm using withDocument HOC to access the fields of the document. I can access other data such as string, object without any issue, but there is an issue in image type.
Oct 12, 2021, 12:26 PM
Oh, sorry, I totally missed that 😅 I haven’t done that so I don’t know if there’s a better way, but you could use groq in the studio as well and resolve the reference. It would be an async job regardless, so there might not be a built in way to do it.
Oct 12, 2021, 12:31 PM

Sanity– build remarkable experiences at scale

Sanity is a modern headless CMS that treats content as data to power your digital business. Free to get started, and pay-as-you-go on all plans.

Was this answer helpful?