javascript - JSZip imgData 未定义

Question

var zip = new JSZip();
zip.file("Hello.txt", "Hello World\n");

var img = zip.folder("images");
img.file(images[0], imgData, {base64: true});

zip.generateAsync({type:"blob"}).then(function(content) {
    // see FileSaver.js
    saveAs(content, "example.zip");
});

运行上面的代码我得到一个错误:Uncaught ReferenceError: imgData is not defined

我怎样才能让它发挥作用？我试图在文档中找到更多关于它的信息，但我找不到任何东西。我认为这应该是开箱即用的吗？

Answer 1

imgData只是一个占位符。可以使用不同的方法检索它，但是我使用了这样的 fetch:

const fetchData = (file) => 
  fetch(file)
  .then((res) => res.blob());

然后:

const data = fetchData(imagesource);

然后:

zip.file("filename.fileextension", data, { base64: true });
  zip.generateAsync({ type: "blob" }).then(function (blob) {
    saveAs(blob, "zipname.zip");

有关更多信息和方法，请查看 here