Question sur les extensions firefox

Version imprimable

20/11/2018, 16h20
Mirdhynn

Question sur les extensions firefox

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 :aie:)
Ç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 :ptdr:)

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
20/11/2018, 19h14
psychadelic

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
20/11/2018, 20h18
Mirdhynn

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 !
20/11/2018, 21h13
Mirdhynn
Bon j'avoue que je ne comprends pas tres bien l'exemple en ligne...

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

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 ...

Code:

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 :plusser:

21/11/2018, 07h44
Mirdhynn

Merci !