scrivere un file di testo con javascript

**KillerWorm** · 04-07-2019, 15:22

Blob funziona con qualsiasi browser?

Penso di sì; puoi verificare tu stesso su caniuse.com

mi suggerite una guida più dettagliata?

Personalmente non ne conosco nessuna in particolare ma basterebbe qualche ricerca per trovare degli snippet da riutilizzare.

io dovrei semplicemente creare un nuovo file di testo e scrivere una singola riga di testo
grazie

Qui un semplice esempio dove attraverso qualche campo di testo è possibile inserire il nome del file e il contenuto da salvare.
Cliccando sul pulsante "Salva" verrà eseguito il download del file creato al volo:

codice:

<!DOCTYPE HTML>
<html lang="it">
   <head>
      <title>Esempio</title>
      <meta charset="utf-8">
   </head>
   <body>
      <label>Nome File: <input id="inp-nome-file"></label>
      <hr>
      <label>Testo: <br><textarea id="txt-contenuto"></textarea></label>
      <hr>
      <input id="btn-salva" type="button" value="Salva">
      <script>
         
         function salvaFileTesto(nomeFile, contenuto) {
            var file = new Blob(['\ufeff' + contenuto], { type: 'text/plain;charset=utf-8' });
            if (window.navigator.msSaveOrOpenBlob) // IE10+
               window.navigator.msSaveOrOpenBlob(file, filename);
            else {
               var a = document.createElement('a'),
               url = URL.createObjectURL(file);
               a.href = url;
               a.download = nomeFile;
               document.body.appendChild(a);
               a.click();
               setTimeout(function() {
                  document.body.removeChild(a);
                  window.URL.revokeObjectURL(url);  
               }, 0); 
            }
         }
         
         document.getElementById('btn-salva').onclick = function(){
            salvaFileTesto(
                document.getElementById('inp-nome-file').value
               ,document.getElementById('txt-contenuto').value
            )
         }
         
      </script>
   </body>
</html>

**enzoiav** · 05-07-2019, 08:58

Originariamente inviata da KillerWorm

Penso di sì; puoi verificare tu stesso su caniuse.com

Personalmente non ne conosco nessuna in particolare ma basterebbe qualche ricerca per trovare degli snippet da riutilizzare.

Qui un semplice esempio dove attraverso qualche campo di testo è possibile inserire il nome del file e il contenuto da salvare.
Cliccando sul pulsante "Salva" verrà eseguito il download del file creato al volo:

codice:

<!DOCTYPE HTML>
<html lang="it">
   <head>
      <title>Esempio</title>
      <meta charset="utf-8">
   </head>
   <body>
      <label>Nome File: <input id="inp-nome-file"></label>
      <hr>
      <label>Testo: <br><textarea id="txt-contenuto"></textarea></label>
      <hr>
      <input id="btn-salva" type="button" value="Salva">
      <script>
         
         function salvaFileTesto(nomeFile, contenuto) {
            var file = new Blob(['\ufeff' + contenuto], { type: 'text/plain;charset=utf-8' });
            if (window.navigator.msSaveOrOpenBlob) // IE10+
               window.navigator.msSaveOrOpenBlob(file, filename);
            else {
               var a = document.createElement('a'),
               url = URL.createObjectURL(file);
               a.href = url;
               a.download = nomeFile;
               document.body.appendChild(a);
               a.click();
               setTimeout(function() {
                  document.body.removeChild(a);
                  window.URL.revokeObjectURL(url);  
               }, 0); 
            }
         }
         
         document.getElementById('btn-salva').onclick = function(){
            salvaFileTesto(
                document.getElementById('inp-nome-file').value
               ,document.getElementById('txt-contenuto').value
            )
         }
         
      </script>
   </body>
</html>

grazie!

**enzoiav** · 05-07-2019, 09:31

Originariamente inviata da KillerWorm

Penso di sì; puoi verificare tu stesso su caniuse.com

Personalmente non ne conosco nessuna in particolare ma basterebbe qualche ricerca per trovare degli snippet da riutilizzare.

Qui un semplice esempio dove attraverso qualche campo di testo è possibile inserire il nome del file e il contenuto da salvare.
Cliccando sul pulsante "Salva" verrà eseguito il download del file creato al volo:

codice:

<!DOCTYPE HTML>
<html lang="it">
   <head>
      <title>Esempio</title>
      <meta charset="utf-8">
   </head>
   <body>
      <label>Nome File: <input id="inp-nome-file"></label>
      <hr>
      <label>Testo: <br><textarea id="txt-contenuto"></textarea></label>
      <hr>
      <input id="btn-salva" type="button" value="Salva">
      <script>
         
         function salvaFileTesto(nomeFile, contenuto) {
            var file = new Blob(['\ufeff' + contenuto], { type: 'text/plain;charset=utf-8' });
            if (window.navigator.msSaveOrOpenBlob) // IE10+
               window.navigator.msSaveOrOpenBlob(file, filename);
            else {
               var a = document.createElement('a'),
               url = URL.createObjectURL(file);
               a.href = url;
               a.download = nomeFile;
               document.body.appendChild(a);
               a.click();
               setTimeout(function() {
                  document.body.removeChild(a);
                  window.URL.revokeObjectURL(url);  
               }, 0); 
            }
         }
         
         document.getElementById('btn-salva').onclick = function(){
            salvaFileTesto(
                document.getElementById('inp-nome-file').value
               ,document.getElementById('txt-contenuto').value
            )
         }
         
      </script>
   </body>
</html>

Perdonami, ho bisogno ancora del tuo aiuto.
Guardano anche altre guide, ho creato uno script semplicissimo (che poi è quello che mi servirebbe):

codice:

<script type="text/javascript">
  <!--
  var testo = new Blob(["testo di prova"]);  
  window.navigator.msSaveBlob(testo, 'prova.txt');
  -->
  </script>

Ma non mi genera il file di testo.
Sbaglio in qualcosa?
Grazie

Discussione: scrivere un file di testo con javascript

Strumenti discussione

Ricerca discussione

Visualizza

Hybrid View

Permessi di invio