resource 资源管理
资源管理插件,管理图片、视频、音频、图标等多媒体资源的上传、浏览和引用。
界面预览

资源类型
| 类型 | 标识 | 支持格式 | 可上传 |
|---|---|---|---|
| 图片 | image | .jpg .jpeg .png .gif .ico | ✅ |
| 视频 | video | .mp4 .avi .mov | ✅ |
| 音频 | audio | .mp3 .wav .ogg | ✅ |
| 图标 | icon | 内置图标库(UniUI Icon) | ❌ |
核心功能
上传资源
点击"上传资源"按钮打开上传弹窗,支持以下限制:
- 单文件最大 100MB
- 文件格式按当前选中的资源类型自动过滤
- 上传成功后自动刷新资源列表和存储空间信息
资源预览
点击资源项可打开预览,不同类型使用对应的预览组件:
| 资源类型 | 预览方式 |
|---|---|
| 图片 | 图片查看器(放大、缩小) |
| 视频 | 视频播放器 |
| 音频 | 音频播放器 |
| 图标 | 图标预览(按平台展示图标样式) |
资源选择
选中资源后点击确认,将资源 URL 传递给调用方(如属性编辑器中的图片选择),弹窗自动关闭。
图标库
图标类型提供内置的 UniUI Icon 图标库,按平台区分:
| 平台 | 图标前缀 | 图标数量 |
|---|---|---|
| uniapp | uniui | 170+ 个 |
| web | iconfont | 待扩展 |
| h5 | iconfont | 待扩展 |
图标不支持上传,仅从内置列表中选择。选择图标后返回图标类名,用于组件的 icon 属性。
存储服务
资源管理底层使用 COS(Cloud Object Storage)对象存储服务:
- 上传:通过 COS SDK 将文件上传到云端
- 删除:通过 COS SDK 删除指定 key 的文件
- 查询:通过 COS SDK 获取存储空间使用量(
getStorageInfo)
