Camera Element

Modified on Fri, 27 May, 2022 at 10:46 AM

Allow the user to take a photo using native camera functionality (or select an existing image) if the device is supported.

PropertyRequiredTypeDefaultDescription
typeYesstring'camera'The type of Form Element.
nameYesstringThe key that will be assigned a value in the submission data when the form is submitted.
labelYesstringDisplay text presented to the user above the input by default.
requiredYesbooleanfalseDetermine if this input requires a value entered by the user (true) or not (false).
hintYesstringA hint triggered by an icon tooltip to be displayed when hovering beside the element label.
includeTimestampWatermarkYesbooleanfalseWhether a watermark with a timestamp should be placed on images captured with this element.
storageTypeYesstringHow the photo taken by a user will be stored: private, public, legacy

Camera element also inherits the properties of the following:

Example

{
  "id": "b1311ae0-6bb7-11e9-a923-1681be663d3e",
  "type": "camera",
  "name": "photo",
  "label": "Please Take a Photo",
  "storageType": "private",
  "required": true
}

Example Submission Data

Private/Public Storage

{
  "submission": {
    "[element.name]": {
      "s3": {
        "region": "ap-southeast-2",
        "bucket": "customer.forms.oneblink.io",
        "key": "submissions/1/attachments/44cdee6f-edbd-4620-aaf5-df25ce976e43"
      },
      "url": "https://auth-api.blinkm.io/submissions/1/attachments/44cdee6f-edbd-4620-aaf5-df25ce976e43",
      "contentType": "image/png",
      "fileName": "dot.png",
      "id": "44cdee6f-edbd-4620-aaf5-df25ce976e43",
      "isPrivate": true
    }
  }
}

Legacy Storage (Deprecated)

{
  "submission": {
    "[element.name]": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAIElEQVQYV2NkYGBoYGBgqGdgYGhkZGBg+M8ABSAOXAYATFcEA8STCz8AAAAASUVORK5CYII="
  }
}

Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select at least one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article