JSZip批量下载

传说中胖子

已于 2024-09-04 09:28:15 修改

阅读量418

点赞数 5

文章标签： javascript 前端开发语言

于 2024-09-04 09:17:47 首次发布

本文链接：https://blog.csdn.net/nx_xn/article/details/141883935

版权

JSZip下载

<script type="text/javascript" src="jszip.min.js"></script>
<script type="text/javascript" src="FileSaver.js"></script>

<script>
    var zip = new JSZip();
    var promises = [];
    var arrImg = [
        "http://127.0.0.1/zip/1.png",
        "http://127.0.0.1/zip/jszip.min.js",
        "http://127.0.0.1/zip/test.xlsx"
    ];
    
    for (let item of arrImg) {
        const promise = fetch(item)
        promises.push(promise);
    }
    
    Promise.all(promises).then((results) => {
        for (let item of results) {
            var lastOf = item.url.lastIndexOf('/');
            var filename = item.url.substring(lastOf + 1);
            zip.file(filename, item.blob(), { binary: true }); // 逐个添加文件
        }
        zip.generateAsync({ type: "blob" }).then((content) => {
            // 生成二进制流
            saveAs(content, "t.zip"); // 利用file-saver保存文件  自定义文件名
        });
    }).catch((res) => {
        console.log("文件压缩失败 "+res);
    })
</script>