Документация Толоки

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

    Обратите внимание

    Документация на русском языке может быть устаревшей. Самые последние изменения доступны в документации на английском языке.

    Примечание

    Справочник по настройке интерфейса описывает работу редактора HTML/JS/CSS. Вы также можете попробовать создать кнопку для загрузки картинки в Конструкторе шаблонов.

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

    {{field type="file-img" name="photo" sources="CAMERA" fileType="IMAGE" camera=true}}

    В описании выходных данных добавьте одно из полей:

    • Поле с типом file— для возможности загружать только одно изображение. Например:

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

    • Поле с типом array_file — для возможности загружать сразу несколько изображений. Например:

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

    Параметры

    Параметр

    Описание

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

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

    type

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

    да

    нет

    name

    Атрибут для поля выходных данных. Содержит имя поля выходных данных.

    да

    нет

    sources

    Примечание

    Параметр применяется к заданиям, которые выполняются в мобильном приложении.

    Источник файла.

    Возможно указать несколько значений в формате sources="<значение 1> <значение 2>" (с пробелом, без запятой).

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

    • CAMERA — мобильная камера;

    • GALLERY — галерея;

    • FILE_MANAGER — файловый менеджер.

    да (при создании заданий для мобильных устройств)

    нет

    fileType

    Примечание

    Параметр применяется к заданиям, которые выполняются в мобильном приложении.

    Тип файла: IMAGE— изображение.

    да (при создании заданий для мобильных устройств)

    нет

    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 пикселей (по короткой стороне). Изображение сохраняется в формате JPEG с уровнем качества 90.

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

    нет

    true

    requiredCoordinates

    Обязательность координат в информации об изображении.

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

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

    нет

    false

    multipleSelect

    Количество файлов для одновременной загрузки.

    Чтобы добавить возможность загрузки одного файла, задайте значение false.

    Чтобы добавить возможность загрузки нескольких файлов:

    1. Задайте значение true;

    2. В описании выходных данных добавьте поле с типом array_file или другим типом массива.

    нет

    true (при наличии в описании выходных данных поля с типомarray_file или другим типом массива).