javascript - 使用 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 不能解决它，但您可以直接使用 blob（xhr.response在您的情况下）。正如 Patrick Evans 在评论中所说，您还需要提供文件名。

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)
});