Descargar archivo TXT desde javascript

Post by: sistekeladmin
2022-07-24 17:02:21
1 Comentarios

Descargar archivo TXT desde javascript

Podemos configurar nuestra página web donde descargaremos en un archivo txt ciertos datos que provengan de una cadena.

Para comenzar agregamos un botón, y configuramos el método onclick para indicar la función descargar.

Esta función generará una cadena que se pasará como parámetro para crear el Blob y generar el archivo txt.

<!Doctype html>
<html>
<head>
	<title>Descargar TXT</title>
</head>
<body>

	<button id="btndescargar" onclick="descargar()">Descargar TXT</button>	
<script>
	function descargar()
	{
		var datos="";
		for(var x=0;x<100;x++)
		{
			datos=datos+"Venta N° : "+x+" \n";
		}


		var textFileAsBlob = new Blob([datos], {type:'text/plain'}); 
                var downloadLink = document.createElement("a");
                downloadLink.download = "archivo.txt";
                downloadLink.innerHTML = "Download File";
                if (window.webkitURL != null)
                {
                    downloadLink.href = window.webkitURL.createObjectURL(textFileAsBlob);
                }
                else
                {
                    downloadLink.href = window.URL.createObjectURL(textFileAsBlob);
                    downloadLink.onclick = destroyClickedElement;
                    downloadLink.style.display = "none";
                    document.body.appendChild(downloadLink);
                }
            
                downloadLink.click();
	}
	
</script>	
</body>
</html>

Luego creamos un elemento "a" que servirá como enlace para descargar el archivo y luego hacerle click vía código.