多图片打包（.zip格式）下载

前端------多图片打包（.zip格式）下载，只支持png格式图片。

  console.log(this.dataForm.name,'dataForm.name');var blogTitle = this.dataForm.name            //下载后的压缩包文件名称。var zip = new JSZip()var imgs = zip.folder(blogTitle)var baseList = []let fileList = this.dataForm.fileListfor (var i = 0; i < fileList.length; i++) {let image = new Image()// 解决跨域 Canvas 污染问题image.setAttribute('crossOrigin', 'anonymous')// image.crossOrigin = 'anonymous'image.onload = function () {let canvas = document.createElement('canvas')canvas.width = image.widthcanvas.height = image.heightlet context = canvas.getContext('2d')context.drawImage(image, 0, 0, image.width, image.height)let url = canvas.toDataURL('image/png')           // 得到图片的base64编码数据console.log(url,'12345678');canvas.toDataURL()baseList.push(url.substring(22))                       // 去掉base64编码前的 data:image/png;base64,console.log(baseList,'baseList');if (baseList.length === fileList.length && baseList.length > 0) {for (let k = 0; k < baseList.length; k++) {imgs.file('img' + k + '.png', baseList[k], { base64: true })}zip.generateAsync({ type: 'blob' }).then(function (content) {// see FileSaver.jsFileSaver.saveAs(content, blogTitle + '.zip')})}}image.src = fileList[i].urlconsole.log(image.src,'image.src');}

多图片打包（.zip格式）下载相关推荐

大批量图片打包zip下载
使用插件 <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jq ...
关于springmvc下服务器文件打包成zip格式下载功能
关于springmvc下服务器文件打包成zip格式下载功能 2016年09月21日 11:22:14 toxic_guantou 阅读数:5731更多个人分类: 技术点存储版权声明:本文为博主原创 ...
Java html转pdf批量生成打包zip浏览器下载到客户端
最近项目要改做一个需求,需求内容就是做一个批量导出的pdf功能,没接触过,所以在网上搜了很多内容,也碰到很多坑,现在自己总结一下,方便以后项目碰到. 1.首先maven依赖选择刚开是用的是flyin ...
前端打包下载多个图片（ZIP格式）
前期准备 js库,包括jquery.jszip.FileSaver这三个,可以从网上下载到本地引入,或者直接引用网上的,我这里使用的是后者(以下没有包含jquery,因为本地有). <scrip ...
SpringBoot动态生成多个Excel文件以压缩包.zip格式下载
点击上方好好学java ,选择星标公众号重磅资讯,干货,第一时间送达今日推荐:推荐19个github超牛逼项目!个人原创100W +访问量博客:点击前往,查看更多来源:blog.csdn. ...
SpringBoot 动态生成多个Excel文件以压缩包.zip格式下载
前言: 文件下载的场景很多(还不是需求丰富嘛~),那么什么是动态生成文件呢,就是用户选择文件内容,服务器端根据选择的数据生成某个格式的文件然后下载到客户端.单个嘛直接下载,多个打包下载咯! 悄悄说下, ...
zip格式压缩文件并打包下载
压缩文件并下载 zip格式压缩文件并打包下载 zip格式压缩文件并打包下载 Map<String, String> param = new HashMap<String, Strin ...
php 生成zip并下载,PHP 实现文件打包成zip格式并下载
PHP 文件打包并下载有个这样的需求,将多个文件打包成zip格式并下载到本地可根据 ZipArchive这个类来实现此功能我自己也研究了一下,然后把搞出来了 ,经测试绝对好用话不多说直接上代码 ...
php 复制文件夹并压缩到最小_php压缩多个文件打包成zip并下载到本地
完成时间:2018-01-03 展现方式:整个相册图片的导出(下载到本地)直接在页面上生成下载没有什么另存为什么默认路径基本步骤: 1.用户点击按钮跳转到对应相册导出的方法 ---->2.在方 ...

多图片打包（.zip格式）下载

多图片打包（.zip格式）下载相关推荐

最新文章

热门文章