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

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

input

into my route via

UploadButton

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

input

validations work in the full picture :/

TTC

Theo's Typesafe Cult•12mo 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

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

input

into my route via

UploadButton

UploadButton

input

input

validations work in the full picture :/

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

Similar Threads

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

Similar Threads

Similar Threads

Similar Threads