Modifier/enregistrer un fichier texte

**Paralaks** · 26/04/2023, 08h42

Bonjour tout le monde,

Pour les besoins d'une machine je dois m'amuser a créer un code en html5/javascript pour aller récupérer un fichier .txt le modifier et l'enregistrer.
je code tout sur le logiciel twincat3 qui est sur une base visual studio.

jusque la j'ai réussi à importer un fichier texte le modifier et l'enregistrer, mon problème c'est que je ne maîtrise pas le chemin d'enregistrement et je ne peut pas modifier le nom de mon fichier.
j'aimerai faire comme une fonction "enregistrer sous"

Si vous avez des solution ce serait génial !

merci d'avance !

ci-joint l'image le code de mon travail sur le sujet
Nom : HTML5-Javascript.JPG
Affichages : 949
Taille : 17,3 Ko

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
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
       <!DOCTYPE html>
        <html>
 
        <head>
 
            <title>Read Text File</title>
 
        </head>
 
        <body>
 
            <input class="select-zone" type="file" name="inputfile"
                   id="inputfile">
 
            <br>
 
            <textarea class="zone-txt" cols="50" rows="30" id="output"></textarea>
 
            <br>
 
            <button class="save-file">Enregistrer</button>
 
            <button id="activerbouton">charger</button>
 
            <script type="text/javascript">
 
        document.getElementById('inputfile')
            .addEventListener('change', function() {
 
            var fr=new FileReader();
            fr.onload=function(){
                document.getElementById('output')
                        .textContent = fr.result;
 
            }
 
            fr.readAsText(this.files[0]);
            })
            </script>
 
        </body>
    </html>
 
    <script type="text/javascript">
 
            const link = document.querySelector('a.simple');
 
            const saveBtn = document.querySelector('button.save-file');
 
            let name = 'renomer le fichier';
 
            let text = `My name in ${name}.`;
 
            var textBlob = new Blob([text], {type: 'text/plain'});
 
            saveBtn.addEventListener('click', function(){
 
                var tempLink = document.createElement("a");
 
                let textArea = document.querySelector("textarea");
 
                var taBlob = new Blob([textArea.value], {type: 'text/plain'});
 
                tempLink.setAttribute('href', URL.createObjectURL(taBlob));
 
                tempLink.setAttribute('download', `${name.toLowerCase()}.txt`);
 
                tempLink.click();
 
                URL.revokeObjectURL(tempLink.href);
 
            });
    </script>
</div>

**mathieu** · 27/04/2023, 04h57

pour le nom du fichier, j'ai testé votre code et j'ai bien le nom du fichier indiqué dans le code.
pour le chemin, ce n'est pas possible. c'est une sécurité pour éviter que n'importe quel site puisse modifier un fichier.

pour modifier un fichier sur le disque dur, vous aurez peut être besoin d'un programme exécuté sur la machine. il existe plein de langages pour faire cela mais si vous voulez rester en javascript, vous pouvez utiliser node.js.

Modifier/enregistrer un fichier texte

JavaScript

Discussions similaires

Partager

Partager