如何使用JSZIP正确打包png

Question

尝试使用jszip在zip中打包png图像供用户下载（FileSaver.js） https://stuk.github.io/jszip/

这是我的代码：

var zip = new JSZip()
var ship_previews = zip.folder('gui/ship_previews')
var ship_previews_ds = zip.folder('gui/ship_previews_ds')

// packing files to zip
let selectedList = $('.mixitup select')
for (let i = 0; i < selectedList.length; i++) {
  const imageID = selectedList[i].value
  if (imageID.substring(8) != 0) {
    let imageFile = $.get('assets/images/ship_previews/' + imageID + '.png')
    ship_previews.file(imageID.substring(0, 7) + '.png', imageFile)
    let imageFileDS = $.get('assets/images/ship_previews_ds/' + imageID + '.png')
    ship_previews_ds.file(imageID.substring(0, 7) + '.png', imageFileDS)
  }
}

// download zip
zip.generateAsync({type: 'blob'})
.then(function(content) {
  saveAs(content, 'res_mod.zip')
})

运行后

它下载了一个带文件夹的zip文件

但是png里面不能读:(（