Necesito descargar una lista de imágenes usando javascript en angular como un archivo zip... así que mi sitio web es un sitio web de compras... si hacemos clic en un producto, se abrirán todas las imágenes relacionadas con él. Esto es lo mismo que tenemos en Amazon y sitios web de compras flipkart. tenía un botón y cuando hago clic en el botón necesito descargar todas las imágenes que se muestran cuando se hace clic en el producto respectivo. El problema al que me enfrento es que no hay imágenes en el archivo descargado. aquí está la parte html

<a class="descargar" (clic) = "descargar()" >

a continuación se muestra la parte .ts y "this.Images" tiene todas las direcciones URL de las imágenes

 download(){ let count = 0; const zip = new JSZip(); this.Images.forEach((item) =>{ this.fileName = this.getfileName(item); JSZipUtils.getBinaryContent(item, (err,data)=>{ if(err){ throw err; } console.log(data); zip.folder("images").file(this.fileName,data,{base64: true}); count++ if(count === this.Images.length){ zip.generateAsync({type:'blob'}).then((content)=>{ fileSaver.saveAs(content, this.fileName); }); } }); }); }

El método getfiileName() es el siguiente

 getfileName(str){ return str.substring(str.lastIndexOf('/')+1);

}

Nota: no quiero usar JSZipUtils en mi código