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

Напишите нам, если не нашли ответ в Справке. Вы можете приложить скриншоты или видео, чтобы ускорить помощь:

Написать в чат  Написать в Telegram

Примечание

Справочник по настройке интерфейса описывает работу редактора 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 или другим типом массива).

Написать в службу поддержки