Generar archivo de Texto con JS

¿Quieres aprender a crear txt con JavaScript? Por cualquier motivo, es posible que desee generar dinámicamente un archivo de texto con javascript y permitir que el usuario lo descargue sin la participación del script del lado del servidor. ¡En este tutorial, te mostraré cómo hacerlo en un par de minutos!

Tabla de Contenido

Generar archivo de Texto con JS

Para crear un archivo de texto desde javascript, necesitaremos usar el objeto Blob. Blob (Un objeto grande binario) es una colección de datos binarios almacenados como una sola entidad. Entonces, vamos a crear un objeto Blob que contiene nuestro contenido de texto. Luego convertiremos un blob en un archivo de texto que el navegador web abrirá el cuadro de diálogo de descarga para los usuarios. Esto puede parecer difícil, pero si conoce las herramientas correctas, es solo un par de líneas de código. Esta solución también es compatible con navegadores actuales (bueno, me refiero a los navegadores modernos, ya que esto no funcionará con IE9 y más adelante)

Te puede interesar: Tabla con listado de Países MYSQL

Crear archivo txt con jQuery

Supongamos que ya tiene el botón enlazado con un evento de clic. (El código de abajo usa jQuery)

$("#save-btn").click(function() { 
   
});

Usaremos el constructor Blob () y pasaremos nuestra cadena de texto como primer parámetro. Señaló que tenemos que ponerlo en forma de matriz. El segundo parámetro, definiremos nuestro tipo de blob como texto plano con codificación utf-8.

$("#save-btn").click(function() { 
   var blob = new Blob(["This is my first text."], {type: "text/plain;charset=utf-8"});
});

Ahora tenemos nuestro objeto blob, luego tendremos que convertirlo en un archivo de texto. Hay un muy buen complemento de javascript llamado Filesaver.js toma el objeto blob como entrada y le permite guardar archivos en el navegador web. Después de incluir el archivo filesaver.js en su página, use saveAs () para activar el cuadro de diálogo emergente de descarga.

$("#save-btn").click(function() { 
   var blob = new Blob(["This is my first text."], {type: "text/plain;charset=utf-8"});
   saveAs(blob, "testfile1.txt");
});