beUI Pro 移动端已上线:50 个 React Native 区块和页面
File Upload
1 个变体
Upload blocks with drag and drop, paste, validation, per-file progress, and recovery from failures.
Upload dropzone
file-upload.tsxA dropzone that reacts to dragged files, accepts paste and browsing, validates type and size, and tracks each upload with progress, speed, pause, retry, image previews, and a rolling summary.
Add files to this project
Drop in briefs, photos, and exports. Uploads keep running while you work.
Drag files here
Images, PDFs, docs, CSV, or ZIP up to 25.0 MB
or paste an image
- Uploaded
2.4 MB
spring-campaign-brief.pdf
Paused · 42%2.5 MB of 6.1 MB
q3-forecast.csv
Failed820 KB · Connection dropped
TSXcomponents/previews/premium/file-upload-preview.tsx
"use client";
import { FileUpload, SAMPLE_FILES } from "@/components/premium/file-upload";
export function FileUploadPreview() {
return <FileUpload initialFiles={SAMPLE_FILES} />;
}
安装
$ bunx --bun shadcn add @beui-pro/file-upload