单张/多张图片压缩zip格式文件完成上传

利用jszip插件

安装

npm install jszip --save

引用

import jsZip from 'jszip';
export default{
	data(){
		jsZip,
		return {
		}
	}
}

相关方法

• https://stuk.github.io/jszip/documentation/api_jszip.html

使用

let jszip = new jsZip();

jszip.file(fileName, fileData);

jszip.generateAsync({
    type: "blob"，
    // compression: "DEFLATE",
    // compressionOptions: {
            // level: 9  // 压缩等级1~9    1压缩速度最快，9最优压缩方式
            // [使用一张图片测试之后1和9压缩的力度不大，相差100字节左右]
    // }
  })
  .then(function(content) {
   // content - 生成的blob格式的文件流

   	//   const link = document.createElement("a");
    //   link.href = window.URL.createObjectURL(content);
    //   link.download = "testZip.zip";
    //   link.click();
  })
  .catch(function(err){
    // 错误信息
  });

常遇问题

• jszip 在ie中不兼容
  npm install 下载的是最新版本的，可能不兼容jszip.generateAsync方法，降到3.x.x较低的版本