amis2/docs/renderers/Image.md
2019-05-08 22:55:41 +08:00

1.8 KiB

Image

图片格式输入,默认 AMis 会直接存储在 FEX 的 hiphoto 里面,提交到 form 是直接的图片 url。

  • type 请设置成 image
  • reciever 默认 /api/upload 如果想自己存储,请设置此选项。
  • multiple 是否多选。
  • maxLength 默认没有限制,当设置后,一次只允许上传指定数量文件。
  • joinValues 多选时是否将多个值用 delimiter 连接起来。
  • extractValue 默认为 false, joinValues设置为false时生效, 开启后将选中的选项 value 的值封装为数组,作为当前表单项的值。
  • delimiter 连接符,默认是 ,, 多选时且 joinValuestrue 时用来连接值。
  • autoUpload 是否选择完就自动开始上传?默认为 true
  • compress 默认 true 如果想默认压缩请开启。
  • compressOptions
    • maxWidth 设置最大宽度。
    • maxHeight 设置最大高度。
  • showCompressOptions 默认为 false, 开启后,允许用户输入压缩选项。
  • crop 用来设置是否支持裁剪。
    • aspectRatio 浮点型,默认 11:1,如果要设置 16:9 请设置 1.777777777777777716 / 9
  • allowInput 默认都是通过用户选择图片后上传返回图片地址,如果开启此选项,则可以允许用户图片地址。
  • limit 限制图片大小,超出不让上传。
    • width 限制图片宽度。
    • height 限制图片高度。
    • minWidth 限制图片最小宽度。
    • minHeight 限制图片最小高度。
    • maxWidth 限制图片最大宽度。
    • maxHeight 限制图片最大高度。
  • 更多配置请参考 FormItem
{
  "type": "image",
  "name": "image",
  "label": "Images"
}