Кнопка для загрузки картинки

Чтобы добавить в задание кнопку для загрузки картинки , используйте компонент {{field type="file-img" name="<идентификатор поля>"}}. Идентификатор поля должен совпадать с названием поля в описании выходных данных. После загрузки картинки пользователь увидит иконку для предварительного просмотра изображения. Например:

{{field type="file-img" name="photo" camera=true}}
Полный список параметров

Параметр

Описание

Обязательный

Значение по умолчанию

type

Тип поля: file-img — кнопка для загрузки картинки.

да

нет

name

Идентификатор поля. Должен совпадать с названием поля в описании выходных данных.

да

нет

validation-show

Расположение всплывающих подсказок (отображаются, если ответ не прошел валидацию). Расположение указывается относительно поля ввода.

Допустимые значения:

  • Над полем ввода: "top-left" (слева), "top-center" (посередине), "top-right" (справа).

  • Под полем ввода: "bottom-left" (слева), "bottom-center" (посередине), "bottom-right" (справа).

  • Слева от поля ввода: "left-top" (сверху), "left-center" (посередине), "left-bottom" (внизу).

  • Справа от поля ввода: "right-top" (сверху), "right-center" (посередине), "right-bottom" (внизу).

  • Не показывать сообщение ("false").

нет

"top-left"

preview

Отображение уменьшенного изображение после загрузки:

  • preview=true — отображать.

  • preview=false — не отображать.

нет

true

camera

Запуск камеры при нажатии на кнопку загрузки картинки:

  • camera=true — запускать камеру.

  • camera=false — не запускать камеру.

нет

false

compress

Сжатие изображения:
  • compress=true— уменьшать картинку до размера 1000*1000 пикселей (сохраняется в формате JPEG с уровнем качества 90).

  • compress=false— передавать картинку без изменений.

нет

true

requiredCoordinates

Обязательность координат в информации об изображении.
  • requiredCoordinates=true— координаты обязательны.

  • requiredCoordinates=false— координаты необязательны.

нет

false

В описании выходных данных добавьте поле с типом file. Например:

{
  "result": {
    "type": "file",
    "required": true
  }
}