# Documents

Upload / download of files including versioning

Note that a class is added to the page while uploading ressources: **uploadInProgress**

In case you want to prevent the user presing update, the buttons can be hided with this CSS

```css
 .uploadInProgress .tsUpdateButtons { display: none; }
```

### Properties

- Type: [Files](https://docs.tsnocode.com/books/field-type-reference/chapter/files)
- Groupable: No
- Show in lists: Yes
- Searchable: Yes

## <span class="mw-headline" id="bkmrk-user-interface-1">User interface</span>

<span class="mw-headline">Field in show mode</span>

[![image.png](https://docs.tsnocode.com/uploads/images/gallery/2025-07/scaled-1680-/LXialV3ACOjKUFXZ-image.png)](https://docs.tsnocode.com/uploads/images/gallery/2025-07/LXialV3ACOjKUFXZ-image.png)

<span class="mw-headline">Field in edit mode</span>

[![image.png](https://docs.tsnocode.com/uploads/images/gallery/2025-07/scaled-1680-/3k9sKY2accSvYkFn-image.png)](https://docs.tsnocode.com/uploads/images/gallery/2025-07/3k9sKY2accSvYkFn-image.png)

### Reacting to uploads

The platform sends out custom triggers on upload start, finish and failure.  
To react to these, use the following example

```javascript
$(".custom-file-input").on("TS_UploadStart", () => {
  // React
})
$(".custom-file-input").on("TS_UploadFinished", () => {
  // React
})
$(".custom-file-input").on("TS_UploadFailed", () => {
  // React
})
```

## <span class="mw-headline" id="bkmrk-configuration-1">Configuration</span>

<span class="mw-headline">\[INSERT IMAGE\]</span>

<span class="mw-headline">\[Description of configs\]</span>

## <span class="mw-headline" id="bkmrk-developer-info-1">Developer info</span>

- FeltTypeID: 50
- SQL datatype: INT(11)
- Class name: FieldFiles