title: Unable to download image as zip file using angular 6
body: <p>here i am having below dynamic data like this</p>
  
  <pre><code>data =  [
    "https://dummyimage.com/200x200/000/fff.jpg&amp;text=test", 
    "https://dummyimage.com/200x200/000/fff.jpg&amp;text=testOne",
    "https://dummyimage.com/200x200/000/fff.png&amp;text=testTwo"
  ]
  </code></pre>
  
  <p>on button click i want to get the all the images from those url's and save it as zip</p>
  
  <p>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</p>
  
  <p>below is my code</p>
  
  <pre><code>downloadImageData(){
  
  
    var blob = new Blob([this.data], { type:  'application/zip'' });
  
    FileSaver.saveAs(blob,'image.zip');
  
  }
  </code></pre>
  
  <p>here i am having both png &amp; 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</p>
  
  <p>JS ZIP _body resp</p>
  
  <p>By using the http module im getting the below data [</p>
  
  <pre><code>  {
      "_body": {
  
      },
      "status": 200,
      "ok": true,
      "statusText": "OK",
      "headers": {
        "date": [
          "Sun",
          " 25 Nov 2018 12:18:47 GMT"
        ],
        "cache-control": [
          "public",
          " max-age=43200"
        ],
        "expires": [
          "Mon",
          " 26 Nov 2018 00:18:47 GMT"
        ],
        "content-disposition": [
          "attachment; filename=2B.JPG"
        ],
        "content-length": [
          "40649"
        ],
        "server": [
          "Werkzeug/0.14.1 Python/2.7.13"
        ],
        "content-type": [
          "image/jpg"
        ]
      },
      "type": 2,
      "url": "http://some url"
    }
  ]
  </code></pre>