# Media

**Category:** Field

**Version:** 1.0

**Last Updated:** February 25, 2026

**Author:** Any2Info

***

### Description

The Media field allows the user of a form to upload a pre-defined set of media files. Including pictures, videos and audio

***

### General Properties

The Media field inherits general Field Properties such as ‘Font size’, ‘Font color’ and ‘Border color’.

***

### Special Properties

The Media field has multiple special properties. First those in the **Image zooming** category:

| Name         | Value      | Explanation                                                                                                                                                 |
| ------------ | ---------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Enabled      | True/False | Indicating whether or not image zooming is enabled                                                                                                          |
| Default zoom | 100 - 5000 | 100 means 1 to 1 the dimensions of the given Media value. Any additional value means 1% bigger. 5000 would be 50x bigger than the original Media dimensions |
| Max zoom     | 100 - 5000 | 100 means 1 to 1 the dimensions of the given Media value. Any additional value means 1% bigger. 5000 would be 50x bigger than the original Media dimensions |

**Media** category:

| Name            | Value               | Explanation                                              |
| --------------- | ------------------- | -------------------------------------------------------- |
| Allow photo     | True/False          | Indicating whether or not photo uploading is enabled     |
| Allow video     | True/False          | Indicating whether or not video uploading is enabled     |
| Allow audio     | True/False          | Indicating whether or not audio uploading is enabled     |
| Maximum size    | 0-500               | Size of the allowed files in MB                          |
| Compress width  | 512 - 2147483647    | The value to compress the width to                       |
| Compress height | 512 - 2147483647    | The value to compress the height to                      |
| Ratio           | 0 x 0 - 1000 x 1000 | The ratio, based on the original dimensions, to maintain |

***

### Allowed files per type

The following files are allowed if Photos are allowed:

| Name | Extension |
| ---- | --------- |
| PNG  | .png      |
| JPEG | .jpeg     |
| JPG  | .jpg      |

The following files are allowed if Videos are allowed

| Name | Extension |
| ---- | --------- |
| MP4  | .mp4      |

The following files are allowed if Audio files are allowed

| Name        | Extension |
| ----------- | --------- |
| MPEG        | .mp3      |
| WAV         | .wav      |
| AAC         | .aac      |
| ADTS        | .adts     |
| MP4 (Audio) | .mp4      |

***

### Tips & Best Practices

* If the **Allow Photo** is set to false, you may also disable **Image Zooming**, as it has no effect.
* Set a proper **Maximum Size** based on the use case. Uploading multiple large files will slow down the app.
* The point above is also relevant for the **compress width/height**.

### Errors

| **Error Message**                                   | **Meaning**                                                  | **Solution**                                                                          |
| --------------------------------------------------- | ------------------------------------------------------------ | ------------------------------------------------------------------------------------- |
| Media size cannot be more than {**maximum size**}MB | The file selected to upload exceeds the **Maximum Size** set | Either make the allowed file size bigger or instruct the user to upload smaller files |
| This type of media is not allowed                   | The file selected to upload is not of an accepted type       | Instruct the user to upload a specific type of file                                   |

***

### Examples

A default **Media** field will look as such:

<figure><img src="/files/txPz6zaeow0LplaDkKrb" alt=""><figcaption></figcaption></figure>

A user is allowed to upload Images, Videos and Audio files. Indicated by the 3 Icons shown. When a user clicks on the field they an upload a file, where the extensions depend on the “**Allow**” properties.

When having uploaded an **Image** the field will display it.

<div align="left"><figure><img src="/files/c15b8VITm1LLKKyHZ7Aq" alt="" width="188"><figcaption></figcaption></figure></div>

The same goes for **Videos** and **Audio**, these also have the option to view/listen to the uploaded file. Depending on what type of file it is.

If the uploaded files ratio is off, a crop image popup appears. Allowing the user to crop the given media file down to an accepted size.

<div align="left"><figure><img src="/files/ca3Zip8w9KGjKtP92Mdr" alt="" width="271"><figcaption></figcaption></figure></div>

Deleting a value can be done through the trash can in the top right of the field.

***

### Changelog

| **Version** | **Date**          | **Change**                       |
| ----------- | ----------------- | -------------------------------- |
| 1.0         | February 25, 2026 | Initial document & documentation |


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://academy.any2info.com/any2info-academy/no-code-platform/app-studio/application-design/forms/fields-toolbox/basics/media.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
