如何使用 JSZIP 从文件输入中压缩 img

【问题标题】：How to zip an img from file input with JSZIP如何使用 JSZIP 从文件输入中压缩 img
【发布时间】：2021-02-19 15:50:25
【问题描述】：

我尝试从文件输入元素压缩文件，但它不起作用。我如何使用 Javascript 来做到这一点？

var input = document.getElementById("id1");
const filereader = new FileReader();
filereader.onload = function() {
  zip.file("picture.png", filereader.result, {binary: true});
}
filereader.readAsDataURL(input.files[0]);

&lt;input type="file" id="id1" style="border-radius: 0.1px; width: 40%;" accept="image/*"&gt;

【问题讨论】：

标签： javascript

【解决方案1】：

作为zip.file(name, data [,options]) 接受blob 数据类型，你只需要获取它的文件

    document.getElementById("id1").addEventListener("change", function (params) {
        var zip = new JSZip();
        var temp = this.files[0];
        zip.file(temp.name, temp);
        zip.generateAsync({ type: "blob" })
            .then(function (content) {
                // see FileSaver.js
                saveAs(content, "example.zip");
            });
    })

【讨论】：