File Upload

Drag-and-drop upload to Supabase Storage

Complete file upload component: drag-and-drop dropzone, MIME type validation, 10 MB size limit, XHR upload with real progress bar, signed URL generation for private files, multi-file support, delete functionality, image preview thumbnails, and per-user storage RLS policies.

1<FileDropzone
2  userId={session.user.id}
3  accept={{ 'image/*': ['.jpg', '.png', '.webp'], 'application/pdf': ['.pdf'] }}
4  maxSizeMb={10}
5  onUpload={(file) => console.log(file.url, file.size)}
6/>