JS前台下载Zip

前台引入的文件

这是前端下载zip，自己加上按钮调用这个方法就可以下载zip

function packageImages(path,vid) {
    var paths = [自己的照片];
    for (var i = 0; i < paths.length; i++) {
        imgsSrc.push(paths[i]);
    }
    var imgBase64 = [] ;//base64图片
    var imageSuffix = [] ;//图片后缀
    var zip = new JSZip();
    zip.file('readme.txt', '案件详情资料\n');
    var img = zip.folder('images');
 
    for (var i = 0; i < imgsSrc.length; i++) {
        var suffix = imgsSrc[i].substring(imgsSrc[i].lastIndexOf('.'))
        imageSuffix.push(suffix)
 
        getBase64(imgsSrc[i]).then(
            function (base64) {
                console.log(base64);
                imgBase64.push(base64.replace(/^data:image\/(png|jpg|jpeg);base64,/, ""));
                // 当所有图片转成base64执行图片压缩
                if (imgsSrc.length == imgBase64.length) {
                    for (var i = 0; i < imgsSrc.length; i++) {
                        // 文件名  数据
                        img.file(i + imageSuffix[i], imgBase64[i], {
                            base64: true,
                        })
                    }
                    zip.generateAsync({
                        type: 'blob'
                    }).then(function (content) {
                        console.log(1);
                        // see FileSaver.js
                        saveAs(content, 'images.zip');
                    })
                }
            },
            function (err) {
                console.log(err); //打印异常信息;
            }
        )
    };