javascript如何打包七牛文件并下载压缩(代码)
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了javascript如何打包七牛文件并下载压缩(代码),小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1412字,纯文字阅读大概需要3分钟。
内容图文
![javascript如何打包七牛文件并下载压缩(代码)](/upload/InfoBanner/zyjiaocheng/286/8d6bf9e331be45bc872eb3771dd19975.jpg)
需求分析:根据七牛存储的文件url,把这些文件打包下载。
实现方式,获取文件内容,使用 jszip 进行压缩,最后使用 file-saver 进行保存下载。
需要注意两点:
1:某些 web框架(比如 laravel) 会给 axios 配置上默认的请求头。在请求文件时需要去掉默认的请求头,同时设置Content-type 为'application/x-www-form-urlencoded; charset=UTF-8', 否则会导致跨域。
2:response type 是 binary,文件是以二进制的方式传过来的,所以要设置 responseType 为 blob.
部分代码示例:
import JSZip from 'jszip' import filesaver from "file-saver" var zip = new JSZip(); // 我用的 axios 需要把这两个 header 删掉 delete window.axios.defaults.headers.common['X-Requested-With']; delete window.axios.defaults.headers.common['X-CSRF-TOKEN']; axios.get(file.file_url, { responseType: 'blob', headers : { 'Content-Type' : 'application/x-www-form-urlencoded; charset=UTF-8' } }).then(function(res){ var response = res.data; zip.file(file.id + "_" + file.name, response, {binary: true}); // do your job }).catch(function(error){ console.error(error); });
保存:
zip.generateAsync({ type: "blob" }).then((blob) => { filesaver.saveAs(blob, this.current_zip_name) }, (err) => { alert('导出失败') });
相关推荐:
七牛mkzip压缩中文文件名乱码
实例详解Vue 中批量下载文件并打包方法
以上就是javascript如何打包七牛文件并下载压缩(代码)的详细内容,更多请关注Gxl网其它相关文章!
内容总结
以上是互联网集市为您收集整理的javascript如何打包七牛文件并下载压缩(代码)全部内容,希望文章能够帮你解决javascript如何打包七牛文件并下载压缩(代码)所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。