4 replies

UploadThing file accept type restriction

I'm trying to find how I can allow the

<UploadButton />

<UploadButton />

<UploadButton />

<UploadButton /> to only accept images for example with extensions of (

.png

.png

.png

.png,

.jpg

.jpg

.jpg

.jpg ...etc).

Because currently my users are able to upload

.gif

.gif

.gif

.gif for example and I don't want to allow that.

I searched the docs but there is nothing regarding image type restriction or acceptation. Unless I missed something...

Solution

Thanks that solves it for me.

However if I used this I wont be able to set

maxFileSize

maxFileSize

maxFileSize

maxFileSize and

maxFileCount

maxFileCount

maxFileCount

maxFileCount

profilePicture: f(['image/jpeg', 'image/png', 'image/avif', 'image/webp'])

// I wont be able to set these things now
imageUploader: f({ image: { maxFileSize: '1MB', maxFileCount: 1 } })

profilePicture: f(['image/jpeg', 'image/png', 'image/avif', 'image/webp'])

// I wont be able to set these things now
imageUploader: f({ image: { maxFileSize: '1MB', maxFileCount: 1 } })

profilePicture: f(['image/jpeg', 'image/png', 'image/avif', 'image/webp'])

// I wont be able to set these things now
imageUploader: f({ image: { maxFileSize: '1MB', maxFileCount: 1 } })

profilePicture: f(['image/jpeg', 'image/png', 'image/avif', 'image/webp'])

// I wont be able to set these things now
imageUploader: f({ image: { maxFileSize: '1MB', maxFileCount: 1 } })

Jump to solution

UploadThing file accept type restriction

Similar Threads

Similar Threads

Similar Threads