# Téléverser des fichiers avec UPLOAD() et la progression
> Envoyez un FormData à une route @upload de Total.js avec UPLOAD() et suivez la progression.
Framework: jcomponent20
Product: jComponent 20 (jcomponent@20)
Language: fr
Content-SHA256: 92ce4d98a28f91667e186a7574ed9a1ddf3a9712bcc1e266a4f7149b881d3d39
Snapshot: c0700e321579725c5cf4f5ace1ad7d2866d1b4f93c24a63c0b41b6b7998e976c
Sources: jcomponent20@3fedd009a277f50fddc608b97afbec553b67c51b
Review: not-recorded
`UPLOAD('POST /url/', formdata, callback, onprogress)` envoie un `FormData` (l'adresse commence par la méthode HTTP, comme dans `AJAX()`) et appelle le callback avec la réponse analysée. Le quatrième argument facultatif reçoit le pourcentage pendant le téléversement. Construisez le `FormData` à partir d'un champ fichier (`new FormData()` et `append('file', input.files[0])`) ; le côté serveur est la route `@upload` de la recette sur le téléversement de fichiers.
```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
```