<Input type="file" id="upload" multiple webkitDirectory />
<script>
function onReceiveFiles(Event) {
const promises = [];
for (let i = 0, l = Event.target.files.length; i < l; i += 1) {
promises.push(new Promise((resolve, reject) => {
const file = Event.target.files[i];
const fr = new FileReader(file);
fr.addEventListener('load', () => {
resolve({
filename: file.name,
path: file.webkitRelativePath,
content: fr.result,
});
});
fr.readAsDataURL(file);
}));
}

Promise.allSettled(promises).then((results) => {
const body = [];
results.forEach((result) => {
body.push(result.value);
});

// body sera un tableau ressemblant à cela:
// [
// {
// "filename": "test.txt",
// "path": "upload/test.txt",
// "content": "data:text/plain;base64,dGVzdA=="
// },
// {
// "filename": "test2.txt",
// "path": "upload/test2.txt",
// "content": "data:text/plain;base64,dGVzdA=="
// },
// {
// "filename": "test.txt",
// "path": "upload/dossier/test.txt",
// "content": "data:text/plain;base64,dGVzdDM="
// },
// {
// "filename": "test2.txt",
// "path": "upload/dossier/test2.txt",
// "content": "data:text/plain;base64,dGVzdDQ="
// }
// ]

// Ce contenu peut être stocké dans une variable globale navigateur, utilisée plus tard lors de l'envoi du formulaire.

// En page AWP il faut faire un pageParamètre(paramBuffer) pour récupérer le contenu envoyé dans le body du POST
// Puis un JSONVersVariant et traiter chaque élément un par un
);
});
}
</script>