# Dateien mit UPLOAD() und Fortschritt hochladen
> Sende ein FormData mit UPLOAD() an eine @upload-Route von Total.js und verfolge den Fortschritt.
Framework: jcomponent20
Product: jComponent 20 (jcomponent@20)
Language: de
Content-SHA256: e390290a61ad5770e91713fc7c0eb213d6d2de4f27a26ac3f92e675b846bed29
Snapshot: c0700e321579725c5cf4f5ace1ad7d2866d1b4f93c24a63c0b41b6b7998e976c
Sources: jcomponent20@3fedd009a277f50fddc608b97afbec553b67c51b
Review: not-recorded
`UPLOAD('POST /url/', formdata, callback, onprogress)` sendet ein `FormData` (die Adresse beginnt mit der HTTP-Methode, wie bei `AJAX()`) und ruft den Callback mit der geparsten Antwort auf. Das optionale vierte Argument erhält den Prozentwert, während der Upload läuft. Baue das `FormData` aus einem Datei-Input (`new FormData()` und `append('file', input.files[0])`); die Serverseite ist die `@upload`-Route aus dem Rezept zum Datei-Upload.
```js controllers/upload.js
exports.install = function() {
ROUTE('POST /upload/ @upload <5mb', upload);
};
function upload($) {
var file = $.files[0];
file.read(function(err, buffer) {
$.json({ filename: file.filename, text: buffer.toString('utf8'), title: $.body.title });
});
}
```
```html public/index.html
jComponent
```