Uploads
Let users upload files to your app (images, PDFs, documents, audio, videos, etc.)
Uploads let users add files to your app - like images, PDFs, documents, audio, and videos. Build galleries, AI tools that process text or documents, or just let users set profile pictures.
Why Use Uploads
Uploads enable several capabilities:
- File sharing - Let users upload and share files
- Galleries - Build collections of images or videos
- Documents - Handle PDFs and other documents
- User specific content - Allow profile pictures and submissions with User Accounts
Adding Uploads
Add uploads to any Page, Component, or Function by prompting Create to handle uploads:
- Describe the upload flow:
- UI elements (buttons, drag areas)
- Success/error states
- What happens after upload
- Choose upload method:
- File selector
- Drag and drop
- URL input
- Copy/paste
- Handle the file:
- Store URL in database
- Display preview
- Process content
Example prompts:
- “Add an image upload button to the form that shows a preview after its uploaded”
- “Let users drag PDFs to upload and store in /[Database]”
- “Create a profile picture uploader with cropping. Store the URLs in /[UsersDB]”
Create will write the code to support uploads based on your prompt. We recommend specificity in how you want to support uploads. Some common details to include:
- UI around uploads
- How the app should handle different states (uploads, error, success, etc.)
- How the app should use the upload
Create automatically:
- Stores files securely
- Returns permanent URLs for the file stored on Create’s cloud
- Handles file serving when you use the URL
To save uploads:
- Store URLs in Databases
- Reference URLs in your app
- Query stored URLs later from the database
Always store upload URLs in a database if you need to access files later. Without storage, URLs exist but are hard to find.
Create offers several integrations to help process uploaded files:
- File Conversion - Convert between file formats like PDF, images, and more
- GPT-4 Vision - Analyze uploaded images
- Document Scanner - Extract text from scanned documents
- Audio Transcription - Convert audio files to text
Technical Details
Supported Upload Methods:
- File upload
- URL import
- Base64 data
- Array buffers
Considerations:
- 10MB max file size
- Common web formats supported
- Files stored in Create’s cloud
Add file size validation to prevent errors from large uploads. Just prompt Create to show an error if your users upload a larger file size.