Lire un fichier dans stockage

Salut Misk59
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
<!DOCTYPE html>
<html lang="en">
 
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
 
<body>
  <div>
    <button onclick="openInput()">Ouvrir un fichier</button><br /><br />
    <div id="valLocalStorage"></div><br /><br />
    <button onclick="afficheItemLocalStorage()">Afficher localStorage("infosFile")</button>
    <button onclick="supprimeItemLocalStorage()">Supprimer localStorage("infosFile")</button>
  </div>
 
  <script>
 
    function openInput() {
      let input = document.createElement('input');
      input.type = 'file';
      input.accept = '.txt';
      input.onchange = function (e) {
        let reader = new FileReader();
        reader.onload = function (e) {
          localStorage.setItem("infosFile", reader.result);
        }
        reader.readAsText(e.target.files[0]);
      };
      input.click();
    }
 
    function afficheItemLocalStorage() {
      document.getElementById('valLocalStorage').textContent = localStorage.getItem("infosFile");
    }
 
    function supprimeItemLocalStorage() {
      localStorage.removeItem("infosFile");
      document.getElementById('valLocalStorage').textContent = localStorage.getItem("infosFile");
    }
 
  </script>
</body>
 
</html>