[FEATURE] File Size Validation

Problem

No validation for file sizes before uploading. Large files can cause browser crashes or storage issues.
Users can accidentally upload huge files, causing performance problems.

Solution

Pre-upload Validation with Hard Limits

• Validate file size before processing starts
• Reject files exceeding configured limits immediately
• Show clear error messages with file size info
• Different limits for images, videos, and audio
• Pros: Simple, prevents issues early
• Cons: May be too restrictive for some use cases

Alternative

Approach 1: Soft Limits with Warnings

• Allow uploads but show warnings for large files
• Provide "Continue anyway" option
• Track large files separately
• Pros: Flexible, user-friendly
• Cons: Users might ignore warnings

Approach 2: Progressive Upload with Chunking

• Split large files into chunks
• Upload chunks progressively
• Validate chunk size
• Pros: Handles very large files, better UX
• Cons: Complex implementation, requires chunking logic

Implementation Details:

• Add file size limits (configurable, with sensible defaults)
  • Images: 50MB default, configurable up to 200MB
  • Videos: 500MB default, configurable up to 2GB
  • Audio: 100MB default, configurable up to 500MB
• Show warnings for large files with file size info
• Provide file size information in media panel (already have file.size)
• Option to compress images before adding (using browser-image-compression or similar)
• Check available quota using navigator.storage.estimate()
• Display storage usage indicator

Anything else?

No response

Bắt đầu bằng cách xác định media panel và cách sử dụng file.size hiện có. Quyết định phương pháp validation và các giới hạn loại file nào nằm trong phạm vi, sau đó xác định warnings, quota checks, compression hoặc chunking nên tương tác với nhau như thế nào. Done cần bao gồm các giới hạn có thể cấu hình, phản hồi rõ ràng liên quan đến kích thước và hành vi được xác định cho các upload quá lớn.