# YdyImagePicker 图片选择器
> 放置表单中,用户通过添加按钮选择图片,通过点击查看图片,查看模式隐藏添加按钮
## 注意
- 针对在钉钉容器使用时,添加图片按钮将调用钉钉的 `biz.util.uploadImage` 功能,确保 `jsApiList` 包含该接口
- 在钉钉容器,预览照片将调用 `biz.util.previewImage` 预览图片
## API
~~~ js
YdyImagePicker.propTypes = {
files: PropTypes.string, // 图片文件数组,元素为对象
onChange: PropTypes.func, // files 值发生变化触发的回调函数
compression: PropTypes.bool, // 是否压缩,默认为true压缩
max: PropTypes.number, // 最多可选个数
quality: PropTypes.number, // 图片压缩质量
resize: PropTypes.number, // 图片缩放率
stickers: PropTypes.object, // 水印信息
selectable: PropTypes.bool, // 是否显示添加按钮
multiple: PropTypes.bool, // 是否支持多选
accept: PropTypes.string, // 图片类型
}
~~~
## 要做的功能
- 需要实现在H5模式下的预览图片功能
## 已知Bug
- 单选添加图片会变形
PS: 基于[ImagePicker](https://mobile.ant.design/components/image-picker-cn/)实现
- 介绍
- 开发规范
- SAAS部署说明
- 移动端部署说明
- SAAS后台使用说明
- 代码编写规范
- 框架开发规范
- 移动端Web开发注意事项
- 后端平台使用文档
- 平台环境搭建
- 控件创建说明
- 平台控件使用说明
- Flex Flex布局控件
- comboTree 组合树控件
- 应用列表
- Middleground 源钉云中台前端
- IndexCustomize 钉钉工作台主页定制
- ContractManagement 合同管理
- 组件使用文档
- General
- YdyIcon 图标
- Navigation
- YdySiderMenu 侧面菜单
- YdyTabBar 标签栏
- Data Entry
- YdyForm 表单
- YdyDatePicker 时间选择器
- YdyPicker 单项选择器
- YdyImagePicker 图片选择器
- Data Display
- YdyScrollView 滚动视图
- YdyListView 列表视图
- Feedback
- YdyFallbackView 异常视图
- Other
- YdyHeader 页头
- YdyMainLayout 主布局
- 公共服务使用文档
- DingTalk 钉钉移动端API
- Service 核心服务
- HttpService http服务
- 问题反馈与汇总
- Bug修复汇总
- 问题汇总
- IIS搭建