Ouverture fichier txt/csv sur site local

[Great.J]

Bonjour,

Afin de faciliter mon travail et celui de mes collègues, j'essaye de développer un petit outil "en ligne" permettant de transformer des données via Javascript.
Il s'agit juste d'un "site web" local situé sur des fichiers partagés de façon à ce que tout le monde y ait accès mais sans avoir à l'héberger sur un serveur.

Jusque là tout se passe bien, or, j'aimerai pour faciliter les choses pouvoir ouvrir un fichier .txt ou .csv pour faire entrer des données contenues dans ce dernier dans des variables JavaScript, nécessaires au bon fonctionnement du site.
J'ai vu plusieurs tuto sur le net :
https://www.developpez.net/forums/d5...te-javascript/
https://www.journaldunet.fr/web-tech...en-javascript/
https://www.clubic.com/forum/t/javas...une-var/129160
Rien de tout cela n'est encourageant et ne m'a aidé.

Sachant que j'ai eu travaillé sur un logiciel codé en JavaScript (très vieux) qui pouvais lire un fichier via la commande suivante

// set protocol directory
var protocol_directory = "C:/VWorks Workspace/Protocol Files/exemples/SureSelect Option A/XT_Illumina/"

// read protocol information file
layoutfile = new File()
layoutfile.Open(protocol_directory+"protocol_information.csv")
contents = layoutfile.Read()
layoutfile.Close()

// split the contents of the file into lines
lines = contents.split("\n")

// loop through lines and separate the data by commas
element = new Array()

J'ai essayé tout çà mais rien ne fonctionne ...
Une aide ?
-----

[Great.J]

J'ai trouvé une solution :

<script type="text/javascript">
window.onload = function() {
    var f = document.getElementById('file'),
        res = document.getElementById('resultat');
    f.onchange = function() {
        var file = f.files[0],
            fr = new FileReader();
             
        fr.onprogress = function() {
            res.innerHTML = 'Chargement...';
        };
        fr.onerror = function() {
            res.innerHTML = 'Oups, une erreur s\'est produite...';
        };
        fr.onload = function() {
            res.innerHTML = '';
            res.appendChild(document.createTextNode(fr.result));
        };
         
        fr.readAsText(file);
    };
};
</script>
 
<label for="file">Choisissez un fichier texte</label>
<input type="file" id="file" />
 
<pre id="resultat"></pre>

Par contre, je n'arrive pas à récupérer la valeur de <pre id="resultats" ...
Aide ?

[umfred]

le contenu du fichier est dans fr.result; il est afficher sur la page au chargement du fichier (fr.onload)

[Great.J]

ouais, mais j'aimerai l'intégrer dans une variable javascript pour traiter ensuite les infos qu'il contient.
Je n'arrive pas à isoler le texte ...

[A voir en vidéo sur Futura]

[umfred]

ajouter une variable "texte" par exemple déclarée avant, à laquelle on assigne fr.result. on peut ensuite travailler dessus.

<script type="text/javascript">
var texte="";
window.onload = function() {
    var f = document.getElementById('file'),
        res = document.getElementById('resultat');
    f.onchange = function() {
        var file = f.files[0],
            fr = new FileReader();
             
        fr.onprogress = function() {
            res.innerHTML = 'Chargement...';
        };
        fr.onerror = function() {
            res.innerHTML = 'Oups, une erreur s\'est produite...';
        };
        fr.onload = function() {
            res.innerHTML = '';
            res.appendChild(document.createTextNode(fr.result));
            texte=fr.result;
        };
         
        fr.readAsText(file);
    };
};
</script>
 
<label for="file">Choisissez un fichier texte</label>
<input type="file" id="file" />
 
<pre id="resultat"></pre>

[Great.J]

Bien évidemment, c'est tout con ...
Merci à toi en tout cas !!!