1var form = document.forms.namedItem("fileinfo");
2form.addEventListener('submit', function(ev) {
3
4  var oOutput = document.querySelector("div"),
5      oData = new FormData(form);
6
7  oData.append("CustomField", "Données supplémentaires");
8
9  var oReq = new XMLHttpRequest();
10  oReq.open("POST", "stash.php", true);
11  oReq.onload = function(oEvent) {
12    if (oReq.status == 200) {
13      oOutput.innerHTML = "Envoyé !";
14    } else {
15      oOutput.innerHTML = "Erreur " + oReq.status + " lors de la tentative d’envoi du fichier.<br \/>";
16    }
17  };
18
19  oReq.send(oData);
20  ev.preventDefault();
21}, false);
22

1<form enctype="multipart/form-data" method="post" name="fileinfo">
2  <label>Votre adresse électronique :</label>
3  <input type="email" autocomplete="on" autofocus name="userid" placeholder="email" required size="32" maxlength="64" /><br />
4  <label>Étiquette du fichier personnalisé :</label>
5  <input type="text" name="filelabel" size="12" maxlength="32" /><br />
6  <label>Fichier à mettre de côté :</label>
7  <input type="file" name="file" required />
8  <input type="submit" value="Mettez le fichier de côté." />
9</form>
10<div></div>
11