媒体文件

管理产品的图片与视频,决定商城与列表的展示。拖拽上传(JPG / PNG / WebP / MP4 等),图片 上传前可裁剪 (选比例后拖切框)并自动压缩为 WebP;上传与已保存分两张卡,已上传可 拖动排序、设为主图、删除 ,点击在灯箱中浏览。主图用于列表与商城展示。

app.maichuhai.cn/products/MCH-1001?tab=media
把图片 / 视频拖到这里,或点击选择 图片上传前可裁剪,并自动压缩为 WebP
裁剪图片 · solar-light-01.jpg
比例 自由 1:1 4:3 确认裁剪
已上传媒体 · 4 项
视频 0:12
悬停缩略图可「设为主图」或删除,拖动可调整顺序
已上传媒体 · 4 项 · 已设主图
主图
视频 0:12
第一张已设为主图,将用于产品列表与商城展示
演示:空上传卡 → 拖入图片弹出裁剪弹窗(选比例 1:1、拖切框、确认裁剪)→ 已上传缩略图出现 → 点「设为主图」出现「主图」徽标,每步页面真实变化

主要能力

  • 拖拽上传图片 / 视频(JPG / PNG / WebP / MP4 等),带上传队列与进度。
  • 图片上传前可裁剪 :拖入图片后弹出裁剪弹窗,可选比例(自由 / 1:1 / 4:3 / 16:9 等)后拖动切框,确认后再上传;图片会自动 压缩为 WebP (最长边约 1680px),加快加载、节省空间。
  • 上传卡 / 已上传卡分开 :上方「上传」卡放拖拽框与待上传草稿,下方「已上传」卡放已保存媒体; 拖动排序只在已上传卡内进行
  • 已上传可 设为主图、删除 ,点击在 灯箱 中查看与浏览;主图用于产品列表与商城展示。

如何使用

  1. 进入产品详情「媒体文件」页签。
  2. 拖入或点击选择文件;若是图片,在裁剪弹窗里选比例、拖切框 → 确认裁剪(系统自动压缩为 WebP)。
  3. 在「已上传」卡里调整顺序、设主图;不需要的删除。

素材集中管理,主图与顺序直接影响商城呈现。