Skip to content

resource 资源管理

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

界面预览

资源空间

资源类型

类型标识支持格式可上传
图片image.jpg .jpeg .png .gif .ico
视频video.mp4 .avi .mov
音频audio.mp3 .wav .ogg
图标icon内置图标库(UniUI Icon)

核心功能

上传资源

点击"上传资源"按钮打开上传弹窗,支持以下限制:

  • 单文件最大 100MB
  • 文件格式按当前选中的资源类型自动过滤
  • 上传成功后自动刷新资源列表和存储空间信息

资源预览

点击资源项可打开预览,不同类型使用对应的预览组件:

资源类型预览方式
图片图片查看器(放大、缩小)
视频视频播放器
音频音频播放器
图标图标预览(按平台展示图标样式)

资源选择

选中资源后点击确认,将资源 URL 传递给调用方(如属性编辑器中的图片选择),弹窗自动关闭。

图标库

图标类型提供内置的 UniUI Icon 图标库,按平台区分:

平台图标前缀图标数量
uniappuniui170+ 个
webiconfont待扩展
h5iconfont待扩展

图标不支持上传,仅从内置列表中选择。选择图标后返回图标类名,用于组件的 icon 属性。

存储服务

资源管理底层使用 COS(Cloud Object Storage)对象存储服务:

  • 上传:通过 COS SDK 将文件上传到云端
  • 删除:通过 COS SDK 删除指定 key 的文件
  • 查询:通过 COS SDK 获取存储空间使用量(getStorageInfo