# 用户场景
移动端图片字段原裁剪功能裁剪框不能调整，仅支持图片缩放与移动，同时在图片上传过程中，存在校验与反馈的体验问题，为覆盖更多的业务场景，提升图片字段使用体验，现对图片字段上传迭代优化。
# 功能介绍
在图片字段上传过程中，会依次进行类型校验、图片裁剪（可配）、图片体积校验、上传结果反馈；
1. 图片类型校验：对用户上传图盘类型进行校验，现支持上传.webp,.webp,.webp,.webp,.webp格式图片；
2. 图片裁剪优化：优化用户裁剪图片的体验，支持业务设定固定裁剪比例和自由裁剪比例；
1. 固定裁剪比例：针对需要限定用户上传图片的比例，可设定比例包括“原图比例、1:1、2:3、3:2、3:4、4:3、9:16、16:9”。设定比例后，终端用户只能按照设定好的比例裁剪图片；
2. 自由裁剪比例：针对不需要限定用户上传图片比例的业务场景，设定”自由裁剪“比例后，终端用户可以根据自己需要的比例裁剪图片；
1. 图片体积校验：对用户上传超过设定体积上限的图片进行校验反馈；
2. 上传失败反馈：用户上传图片过程中，若因各种原因导致上传失败，提供上传失败反馈；
# 适用版本
金蝶云苍穹BOS_V5.0.010及以上
# 使用方法
## 1、图片类型校验
##### 反馈效果
##### 设置方法
无需设置，自动同步平台预制的图片类型，现支持上传.webp,.webp,.webp,.webp,.webp格式图片；
## 2、固定裁剪比例
##### 操作方式
##### 设置方法
在苍穹设计器中，开启“允许裁剪”功能；
在“裁剪比例”属性，选择图片裁剪比例，选择确定的比例，“原图比例、1:1、2:3、3:2、3:4、4:3、9:16、16:9“。设定比例后，用户只能按照设定好的比例裁剪图片；
## 3、自由裁剪比例
##### 操作方式
##### 设置方法
在苍穹设计器中，开启“允许裁剪”功能；
在“裁剪比例”属性，设定”自由裁剪“比例，用户可以根据自己需要的比例裁剪图片；
## 4、图片体积校验
##### 反馈效果
##### 设置方法
在设计器中，点击“最大图片大小”属性，超过该体积的图片不能上传；设置值为“0”表示不限制图片大小；
Tips：
* 目前移动设备拍照效果越来越强，照片体积往往非常大，移动端会**默认对图片进行压缩**；
* 若用户设置“最大图片大小”为xM，则对超过该体积的图片进行压缩，若压缩后图片体积仍然超过xM，则提示图片大小超过上限，无法上传；
* 若用户没有设置“最大图片大小“属性，则图片超过4M会进行压缩；
## 5、上传反馈
图片上传过程中，因网络等问题导致的上传失败，会提供轻提示的反馈星信息，同时图片字段上会提供快速“点击重试”的操作按钮；
##### 反馈效果
##### 设置方法
该反馈效果无需设置；
