Saltar al contenido

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!

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:   ¿QUÉ ES CÓDIGO FUENTE?

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.

Te puede interesar:   4 malvadas bromas con JavaScript para tus amigos
$("#save-btn").click(function() { 
var blob = new Blob(["This is my first text."], {type: "text/plain;charset=utf-8"});
saveAs(blob, "testfile1.txt");
});

Tutorial para crear archivo txt con JavaScript

Aquí te dejamos el siguiente tutorial en donde aprenderás a crear archivo txt JavaScript.

Además de javascript guardar datos en txt, en nuestro sitio web también tenemos:

Vanilla JavaScript
Crear pdf desde HTML con JavaScript
Crear Excel con JavaScript
Xampp vs Wamp
3/5 (2 Reviews)
Comparte