Upload & Download
Upload files via button or drag-and-drop and download files from your storage provider.
Overview
Stackpane provides straightforward file upload and download capabilities across all storage providers — Firebase Cloud Storage, Supabase Storage, and Amazon S3. Upload single or multiple files, track progress, and download files to your local filesystem.
Uploading Files
Upload Button
- Navigate to the target folder in the file browser.
- Click the Upload button in the toolbar.
- Select one or more files from the file picker dialog.
- Files begin uploading immediately.
Drag and Drop
- Navigate to the target folder in the file browser.
- Drag files from Finder onto the file browser area.
- A visual drop zone indicator appears to confirm the drop target.
- Release to begin the upload.
Upload Progress
Upload progress is displayed in a progress bar above the file table:
- Each file shows its individual progress percentage
- The overall upload status is visible at a glance
- Large files display transfer speed and estimated time remaining
Upload Destination
Files are always uploaded to the currently browsed folder path. Navigate to the desired folder before uploading. If you need to upload to the root of your bucket, navigate back to the root using the breadcrumb trail.
Downloading Files
Single File Download
- Select a file in the file browser.
- Click Download in the inspector panel or right-click and select Download.
- Choose a save location in the file dialog.
Multiple File Download
Currently, files are downloaded one at a time. For bulk downloads, select and download each file individually.
Content Types
When uploading, Stackpane automatically sets the content type based on the file extension. Common mappings include:
| Extension | Content Type |
|---|---|
.jpg, .jpeg | image/jpeg |
.png | image/png |
.gif | image/gif |
.pdf | application/pdf |
.json | application/json |
.txt | text/plain |
.html | text/html |
.mp4 | video/mp4 |
Files without a recognized extension default to application/octet-stream.
Tips
- Use drag-and-drop for the fastest upload workflow
- Navigate to the target folder before uploading to avoid files landing in the wrong location
- After uploading, select the file to verify its content type and preview it in the inspector