[AngularJS] Unable to download image as zip file using angular 6

[phani . dev101]

here i am having below dynamic data like this

data =  [
  "https://dummyimage.com/200x200/000/fff.jpg&text=test";, 
  "https://dummyimage.com/200x200/000/fff.jpg&text=testOne";,
  "https://dummyimage.com/200x200/000/fff.png&text=testTwo";]

on button click i want to get the all the images from those url's and save it 
as zip

Issue : when ever i am able download the file as zip and try to extract it i am 
getting error as *could not open image.zip as archieve* and if i save as single 
image also the image is not opening up and is there any way to store the

below is my code

downloadImageData(){

  let urlData = this.data
  console.log(urlData);
  var blob = new Blob([this.data], { type:  'application/zip'' });

  FileSaver.saveAs(blob,'image.zip');
}


here i am having both png & jpg and various type of data so what ever data the 
links will get has to downloaded as zip file is there any approach for angular 
5+. i am using filesave angular package also

-- 
You received this message because you are subscribed to the Google Groups 
"Angular and AngularJS discussion" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to angular+unsubscr...@googlegroups.com.
To post to this group, send email to angular@googlegroups.com.
Visit this group at https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.