Crear archivos zip con javascript

Publicado el 26 julio 2013 por Marcostrfn @bajolinux

Zip con Javascript

Javascript es un lenguaje cada vez mas completo. La capacidad de trabajar de lado del cliente le confiere una serie de características que los programadores no pueden dejar de aprovechar. Entre ellas está la de crear archivos zip con javascript.

Para crear un archivo zip basta con incluir en tu pagina el script de http://stuk.github.io/jszip/

<script type="text/javascript" src="https://raw.github.com/Stuk/jszip/master/jszip.js"></script>

Y a continuación un ejemplo de como formar el archivo zip usando una función javascript.

function crear_zip() {
var zip = new JSZip();
zip.file("Hola.txt", "Hola mundo\n");
var content = zip.generate();
location.href = "data:application/zip;base64," + content;
}

Llamando a esta función se creará el archivo “hola.txt” y se iniciará su descarga.

Si usas Firefox o Safari puedes encontrar que al nombre de la descarga se le añada .part.

Para solucionar este problema puedes incluir un enlace como el siguiente:

<a id="blob" href="#">click para descargar</a>

Y una función que al cargar la página, en su evento onload, asigne a este enlace el fichero a descargar:

window.onload = function () {
  var zip = new JSZip();
  zip.file("Hola.txt", "Hola mundo\n");
  // Blob
  var blobLink = document.getElementById('blob');
  try {
  blobLink.download = "hola.zip";
  blobLink.href = window.URL.createObjectURL(zip.generate({type:"blob"}));
  } catch(e) {
  blobLink.innerHTML += " (not supported on this browser)";
  }
}