PC端上传图片
- 产品设计阶段需要约定上传图片类型与上传图片大小限制
- 验证符合约定的类型与大小的图片是否都能上传成功
- 验证不符合约定的类型或大小的图片是否上传失败
- 检查图片上传过程中是否有视觉反馈（比如进度条或转圈的动画效果）
- 检查是否有上传成功或失败的视觉反馈(比如成功后显示缩略图，或给出toast提示)
- 检查上传图片最大数量是否符合产品约定
- 检查上传的OSS地址是否正确
- 检查上传的图片是否可以被删除或替换
- 若采用了前端图片裁剪控件，检查上传后的图片样式是否满足预期
- 【按需】商品图片添加活动水印后能够正常显示
- 【按需】若有自动缩小分辨率或降低图片质量的需求，则检查上传后的图片质量是否满足预期
PC端浏览图片
- 产品设计阶段需要约定图片默认展示为缩略图或是原图（通常为缩略图）
- 检查缩略图是否按原比例缩略，未被裁剪或扭曲
- 检查点击缩略图是否能够展示原图，原图尽量在浏览器新标签页中打开而不是跳转
- 验证加载图片的OSS地址是否正确
- 【按需】图片加载过程中是否有loading的视觉反馈（比如进度条或转圈的动画效果）
- 【按需】浏览器兼容性检查
移动端上传图片
- 检查是否支持相册读取与拍照上传
- 若采用了图片载剪控件，检查上传后的图片样式是否满足预期
- 检查图片上传过程中是否有视觉反馈（比如进度条或转圈的动画效果）
- 检查是否有上传成功或失败的视觉反馈(比如成功后显示缩略图，或给出toast提示)
移动端浏览图片
- 检查图片在不同型号与尺寸的手机上均能正常显示
- 产品设计阶段需要约定图片默认展示为缩略图或是原图
- 若图片配置了跳转链接，检查点击图片是否能够成功跳转
- 检查商品或活动长图能否根据手机屏幕宽度自适应
- 检查图片加载速度是否达到预期
- 图片是否按原比例进行了自动缩放
- 【根据需求】若图片未配置跳转链接，检查点击图片是否能够查看大图，同时检查是否能够关闭原图展示
- 【根据需求】图片加载过程中是否有loading的视觉反馈（比如进度条或转圈的动画效果）
- 【根据需求】配置了多张图片的页面，检查是否能够随着滑动加载，而不是一口气加载全部图片
- 【根据需求】长按图片是否能下载或保存到相册