使用 JSZip 将 Javascript blob 转换为图像

Question

var bl = window.URL.createObjectURL(xhr.response)

var zip = new JSZip();
zip.file(bl);

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

}, function(err){
    console.log(err)
})

我的 XmlHttpRequest 从图像文件中获取了“blob”类型的响应。如何将 blob 图像文件转换为图像文件（可以是 .gif、.jpg、.bmp、.jpg-large 等），以便制作没有错误的 zip 文件？

Answer 1

您可以URL.createObjectURL获取 blob 的 url（blob:https://stackoverflow.com/e62c177a-b4b1-4945-8e13-53bb5a3c8f34例如）。JSZip 无法解决它，但您可以xhr.response直接使用 blob （因此在您的情况下）。正如帕特里克·埃文斯在评论中所说，您还需要提供文件名。

var zip = new JSZip();
zip.file("my_file.ext", xhr.response);

zip.generateAsync({type:"blob"})
.then(function(content) {
    saveAs(content, "example.zip");
}, function(err){
    console.log(err)
});