=> 前端下载图片压缩包
加载js文件:https://github.com/Stuk/jszip/tree/master/dist/jszip.js
打包img文件为blob对象:
var zip = new JSZip() App = { saveFilebyBlob: function (content, fileName) { var aLink = document.createElement('a'); var evt = document.createEvent("HTMLEvents"); evt.initEvent("click", false, false); aLink.download = 'fileName'; aLink.href = URL.createObjectURL(content); aLink.dispatchEvent(evt); }, downloadImageZip: function (zip, imgUrls, index) { index = index || 0; if (index >= imgUrls.length) { var content = zip.generate({type: "blob"}); return App.saveFilebyBlob(content, 'offer_images' + (new Date).to_i + '.zip') } var img = document.createElement('img'); img.crossOrigin = 'anonymous'; img.onload = function () { var canvas = document.createElement("canvas"); canvas.width = img.width; canvas.height = img.height; var ctx = canvas.getContext("2d"); ctx.drawImage(img, 0, 0); var dataURL = canvas.toDataURL("image/png"); var imgBase64Data = dataURL.replace(/^data:image\/(png|jpg);base64,/, ""); var imgFile = zip.folder("images"); imgFile.file(imgUrls[index].split("\/").pop(), imgBase64Data, {base64: true}); App.downloadImageZip(zip, imgUrls, index + 1) }; img.src = imgUrls[index]; } };
相关推荐
前端开发js静态资源压缩文件
myfocuns前端图片轮播JS插件,压缩包内含成品图、js、html使用实例。
前端绘制3D图形,所使用three.js文件,包含全部three.js的文件。由于文件过多,具体需要的js文件可能需要查找获得。
【Web网页设计制作-毕业设计期末大作业】HTML、CSS、JavaScript前端网页项目源码【Web网页设计制作-毕业设计期末大作业】HTML、CSS、JavaScript前端网页项目源码【Web网页设计制作-毕业设计期末大作业】HTML、CSS、...
javascript库pdfjs-1.8.188.js压缩包javascript库pdfjs-1.8.188.js压缩包javascript库pdfjs-1.8.188.js压缩包
本资源为ueditor富文本编辑器压缩包,里面包含ueditor.all.min.js等文件,有需要的读者可以自行下载。
网站中央是图片跟“专注时尚美食餐饮”主题内容简介,主要介绍国内中式料理,日本的日式料理,西方的西式料理,分别搭配各种美食的主体图片,左边是图片,突出主题。接下来是关于我们经营理念的店铺信息介绍资料,...
前几年做项目时开发的一个上传组件,没有整理,js中有详细说明,那位如果全组件化了记得给大家分享一下。压缩包中有效果图。
前端常见问题整理 HTML, HTTP,web综合问题 $CSS部分 $JavaScript $jQuery $编程题 $其他
web前端期末大作业源码.zip
js前端打包工具,前端读取、创建压缩包。前端框架依赖包。
注!并不是通过常规判断文件后缀实现过滤。 非常简单实用的假图片过滤机制,可识别过滤其它文件篡改为图片格式的文件。
海康威视h5player.js 2.0版demo压缩包
前台页面通过引入提供的两个js,实现AES加密解密。后端java代码通过压缩包里的博客信息配置AESUtil.java公共类。
纯原创资源,盗用必究,仅用于学习和交流,持续更新,...3. 支持所有文本、代码格式,所有主流图片格式,.mp4,.docx,.xlsx,.pptx, .pdf等主流文档格式的纯前端预览 4. 附带接入demo,使用纯js实现,可以用于任何场景
本地引用示例: <!... <title>my <script src="/my/html/vue.min.js"> <script src="/my/html/element-ui/lib/index.js"> <el-col :span="24"><div class="myclass"></div></el-col> </el-row>
jsp页面上传zip压缩包,用ajax传给后端进行解压,创建路径解压存储在本地,然后程序调用解压后的文件进行操作,然后再删除临时文件夹。用于批量导入信息和照片,然后ajax回调导入结果返回前端显示给操作者。
基于html、css、js实现无后台
【Web网页设计制作-毕业设计期末大作业】HTML、CSS、JavaScript前端网页项目源码H196
基于jsZip库 压缩文件 解压文件 对文件重命名 删除文件 打包文件 下载到本地 希望可以给你们参考价值