# j-SingleUpload

> Diese Komponente arbeitet mit der Ladekomponente (beim Hochladen der Datei) und der Nachrichtenkomponente (wenn der Server einen Fehler auslöst).

Framework: jcomponent20
Product: jComponent 20 (jcomponent@20)
Language: de
Content-SHA256: fd4fbc7f1ed90101f85d7bf9de50857e6bd6a141066c071713152a2195cd9858
Snapshot: c0700e321579725c5cf4f5ace1ad7d2866d1b4f93c24a63c0b41b6b7998e976c
Sources: components@910ed1a86f6e72b4f031d3ad0dc7844f9fc5cb8e
Review: not-recorded

__Konfiguration__:

- `url` {String} eine Ziel-URL für den Upload (Standard: `/api/upload/`)
- `accept` {String} (optional) kann einen Inhaltstyp für Frow-Browsing-Dateien enthalten, z. B. `image/*`
- `label` {String} (optional) ändert einen aktuellen `innerHTML` (Standard: `innerHTML`)
- `title` {String} Tangular-Vorlage zum Rendern eines Titels eines Anhangs (Standard: `{{ name }}`)
- `disabled` {Boolean} deaktiviert die Komponente
- `remap` {String} (optional) eine Remap-Funktion (Standard: `null`), Beispiel: `value.length ? value[0] : null`

__Freundliche Komponenten__:
Diese Komponente funktioniert mit den Komponenten `loading` (beim Hochladen der Datei) und `message` (wenn der Server einen Fehler auslöst).

Verwenden Sie es mit `<ui-component name="singleupload">`. Wenn die Komponente noch nicht geladen ist, lädt jComponent sie bei der ersten Verwendung von der Adresse in `DEF.fallback` herunter (standardmäßig das CDN Componentator). Autor: Peter Širka. Quelle: Componentator-Komponenten-Repository, MIT-Lizenz.

```html example.html
<ui-component name="singleupload" path="mypicture"><i class="ti ti-folder"></i>Add attachment</ui-component>

<script>
	var mypicture = { name: 'my photo.jpg', url: '/download/3493874938438.jpg' };
</script>
```
