Función descargar archivo sacada de https://stackoverflow.com/a/33542499/1423096 por Ludivic Feltz
function mostrar() {
var miArray = [10, 20, 40, 65];
var miArray2 = [15, 26, 44, 71];
var miArray3 = ["TaT", "Pan", "Aut", "Caf"];
var mostrar = "";
for (var i = 0; i < miArray.length; i++) {
for (var j = miArray[i]; j <= miArray2[i]; j++) {
mostrar += j + " " + miArray3[i];
}
}
document.getElementById("resultado").innerHTML = mostrar;
saveDoc("archivo.txt", mostrar);
}
saveDoc = function(filename, data) {
var blob = new Blob([data], {
type: 'text/csv'
});
if (window.navigator.msSaveOrOpenBlob) {
window.navigator.msSaveBlob(blob, filename);
} else {
var elem = window.document.createElement('a');
elem.href = window.URL.createObjectURL(blob);
elem.download = filename;
document.body.appendChild(elem);
elem.click();
document.body.removeChild(elem);
}
}
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body>
<button onclick="mostrar();">Probar</button>
<div id="resultado"></div>
</body>
Para compatibilidad con Internet Explorer primero se busca si existe la función msSaveOrOpenBlob.
Si no existe se asume un navegador mas compatible con estándares y se procede a crear un enlace que tenga la representación binaria del contenido del archivo, se lo agrega al documento y se le hace click al enlace, lo cual dispara un descargar archivo.
Para esto se utilizan las funciones
- document.createElement() para crear un elemento tipo enlace
- URL.createObjectURL() esta función crea una cadena de texto que representa un archivo o en este caso el contenido de un archivo.
- document.body.appendChild() para agregar el elemento al body del documento
- document.body.removeChild() para remover el elemento del documento una vez hecho el "click"