TTC
Theo's Typesafe Cult•4w ago
Zreezy

Best way to handle min width/height in uploadthing route input?

I am having trouble following https://docs.uploadthing.com/file-routes#input and https://docs.uploadthing.com/getting-started/appdir to add an input in my route where I deny images that have a width or height less than X (enforce a min width/height). I tried something like this, but that doesn't seem to work: 
const imageMetadata = z.object({
  width: z.number().min(300, "Image width must be at least 300 pixels"),
  height: z.number().min(300, "Image height must be at least 300 pixels"),
});

export const imageRoute = createUploadThingRoute({
  image: {
    metadata: imageMetadata,
  },
});
const imageMetadata = z.object({
  width: z.number().min(300, "Image width must be at least 300 pixels"),
  height: z.number().min(300, "Image height must be at least 300 pixels"),
});

export const imageRoute = createUploadThingRoute({
  image: {
    metadata: imageMetadata,
  },
});
I'm confused on how to pass that input into my route via UploadButton since I don't seem to have a hook to calc that height/width before it's passed to my route. Does anyone have any insight on how to handle this sort of thing? The docs could use some more examples on how the input validations work in the full picture :/
0 Replies
No replies yetBe the first to reply to this messageJoin

Did you find this page helpful?