使用HTML5 Drag and Drop API 实现图片拖拽上传功能。

支持事件：
- dragover：显示拖拽区域高亮效果
- dragleave：移除高亮效果
- drop：获取拖拽文件并处理

同时提供传统文件选择按钮作为备选方案。

使用 compressorjs 库实现高效图片压缩：

1. 基于Canvas的图片处理
2. 智能压缩算法，保持最佳质量
3. 支持多种输出格式（JPG、PNG、WebP）

压缩参数：
quality: 0.1-1.0 - 控制压缩质量
maxWidth/maxHeight - 控制图片尺寸

使用现代压缩算法，在保持视觉效果的同时显著减小文件大小。

使用compressorjs进行智能图片缩放：

1. 保持原始宽高比
2. 高质量重采样算法
3. 支持按比例缩放

缩放算法：
使用Lanczos重采样算法，保持图片清晰度

缩放比例范围：10% 到 100%

所有操作均在浏览器中完成：

- 图片不会上传到任何服务器
- 处理过程在用户设备上执行
- 无网络传输，保护用户隐私

使用 FileReader API 读取本地文件，
URL.createObjectURL() 生成下载链接。

处理完成后，及时释放内存资源。