javascript - 使用 JSzip 从 URL 保存图像

Question

我正在使用 JSzip 下载一个 div 的 html。 div 中有图像(它们不是 base64 编码的)。有没有办法可以使用 JSzip 从他们的图像路径 url 下载文件？还是必须使用 base64 编码？

我当前的代码只是来自 JSzip 站点 ( http://stuk.github.io/jszip/ ) 的基本演示代码

    var zip = new JSZip();
    var email = $('.Result').html();
    zip.file("test.html", email);
    var content = zip.generate({type:"blob"});
    // see FileSaver.js
    saveAs(content, "example.zip");

Answer 1

您可能想尝试使用 JSzip-utils它有一个仅用于从 url 下载图像的调用也可以查看 JSzip 中的示例文档我发现它非常好。你可以找到工作 example with code here.

这只是下载的一部分，我还使用它们使用社交媒体的图片源 URL 从社交媒体下载图片。

function urlToPromise(url) {
return new Promise(function(resolve, reject) {
    JSZipUtils.getBinaryContent(url, function (err, data) {
        if(err) {
            reject(err);
        } else {
            resolve(data);
        }
    });
});
}
var zip = new JSZip();
zip.file(filename, urlToPromise(url), {binary:true});
zip.generateAsync({type:"blob"})
.then(function callback(blob) {

    // see FileSaver.js
    saveAs(blob, "example.zip");
});