Question sur les extensions firefox

**Mirdhynn** · 20/11/2018, 16h20

Bonjour à tous

Je me suis créé une petite application tout en javascript me permettant de constituer des listes avec différentes options et de les imprimer.
Ceci pour contourner l'interdiction d'installer des logiciels sur mon PC (du coup j'ai refait toute mon appli favorite en javascript

)
Ça marche plutôt bien, mais je me dit que ce serait intéressant de pouvoir enregistrer certaines listes sur mon disque pour pouvoir le retravailler plus tard.
Seul problème, évidemment, le javascript ne permet pas d'accéder au file system coté client.
Je en peut pas installer de serveur php ou autre non plus (maudits admins

)

Je me demandais si créer une extension firefox pourrait m'aider à contourner ce problème?
Est ce que certaines personnes ont déjà essayé? Je ne voudrait pas me lancer dans l'aventure pour rien

Merci d'avance de vos réponses

**psychadelic** · 20/11/2018, 19h14

Tu te trompes à moitié.

on peut lire un fichier de son propre pc en utilisant du javascript pour le lire et l'afficher dans son navigateur
on peut écrire un fichier sur son propre pc en utilisant du javascript pour le composer depuis son navigateur.

=> https://www.developpez.net/forums/d1.../#post10515918 ( regarde l'exemple en ligne )

tu peux aussi utiliser les ressources d'un séquentiel indexé interne au navigateur (IndexedDB) ou utiliser localHost pour remplacer une gestion par cookies

un vieil exemple (sous angular v1) mais toujours fonctionnel : MPK => https://my-personal-kanban.appspot.com/ (avec en prime une sauvegarde de données sur le cloud de ton choix)

et j'oubliais, pour la lecture il y un manager officiel : https://developer.mozilla.org/fr/doc...API/FileReader

**Mirdhynn** · 20/11/2018, 20h18

Merci, c'est chouette !
On a la possibilité d'ouvrir une boite pour sélectionner le fichier à "lire" ?
Si oui, ça va compléter idéalement ma petite appli !

**Mirdhynn** · 20/11/2018, 21h13

Bon j'avoue que je ne comprends pas tres bien l'exemple en ligne...

J'ai essayé de faire un truc comme ça :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
SNIP...

ça plante au moment où je fais le saveAs qui est indéfini...

EDIT : J'ai réussi :-)

Me reste à lire les fichiers maintenant ...

**psychadelic** · 20/11/2018, 22h09

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8" />
<title>(local) File I-O </title>
<style>
  textarea { width:600px; height: 350px;}
</style>
<script src="FileSaver.min.js" ></script>
<script>
  function body_onload()
  {
    Bt_SaveFile.onclick = function()
    { 
      let blob = new Blob([zoneTexte.value], {type: 'text/plain;charset=utf-8'});
      saveAs(blob, NomFicSave.value+'.txt');
      return false;
    }
    Bt_OpenFile.onchange = function()
    {
      let 
        file = this.files[0],
        fr   = new FileReader()
      ;
      fr.onprogress = function () { zoneTexte.value = 'Chargement...'; };
      fr.onerror    = function () { zoneTexte.value = "Oups, une erreur s'est produite..."; };
      fr.onload     = function ()
      {
        zoneTexte.value = fr.result;
      };
      fr.readAsText(file);
    }
  }
</script>
</head>
<body onload="body_onload();">
 
  <h2>Lecture/écriture de fichier texte, localement.</h2>
 
  <hr />
  <i>Sélectionner le fichier à lire</i> : 
  <input type="file" id="Bt_OpenFile" />
  <hr />
  <i>Nom du fichier à sauvegarder</i> :  
  <input id="NomFicSave" type="text" placeholder="Nom du Fichier..." /><b>.txt</b>&nbsp;
  <button id="Bt_SaveFile"> Enregister le fichier </button>
 
  <hr />
  <p>texte I-O :</p>
  <textarea id="zoneTexte"></textarea>
</body>
</html>

on dit merci et on met des

**Mirdhynn** · 21/11/2018, 07h44

Merci !

Question sur les extensions firefox

JavaScript

Discussions similaires

Partager

Partager