vue实现接受后端传过来的zip数据，axios实现

接受要以blob的方式，这是细节也是重点，这里贴出一个method的实现

 exportSelectZip() {const totalSelectPicList = this.pictureOfSelectBookList.join("&xxx");axios.get("xxx" + totalSelectPicList, {responseType: "blob",}).then((response) => {let blob = new Blob([response.data], { type: "application/zip" });let url = window.URL.createObjectURL(blob);const link = document.createElement("a"); // 创建a标签link.href = url;link.download = "pic.zip"; // 重命名文件link.click();URL.revokeObjectURL(url); // 释放内存}).catch(function (err) {console.log(err);});},

responseType: “blob”,十分重要，这里其实是创建了一个a标签并自动点击实现下载功能，并且做到了及时释放内存。

vue实现接受后端传过来的zip数据，axios实现相关推荐

vue.js向后端传数据
1.vue向后端传json字符串,后端用String类型接收前端请求示例: getTbjnTableData() {var me = thisme.$axios({url: '/zs/zhgl/ge ...
vue前端接收后端传过来的带list集合的数据
目录 1.前端接收响应结果 2.后端组装响应结果前后端交互,如下的示例Json报文,前端采用vue进行接收. {rootId: '',nodes: [],lines: [] } 1.前端接收响应结果 ...
vue中接受后台传过来的图片文件流blob前端进行展示实现方法
1.第一种方法(blob转url) 2.第二种方法(blob转base64)
html接收后端list数据库,前端接受后端传过来的list的处理
//隐藏需要权限才显示的分配按钮 $("#btn-distribute").css("display", "none"); ///权限标志 ...
后端一次性传了10w条数据，前端该如何处理？—— 面试高频
前端处理后端传的10w条数据 1. 这道题在考什么? 2.先用 node.js 整个10w条数据 3. 基础代码环境 4. 常规处理方案 5. 优化的第一种方式 -- 前端分页 6. 再次优化 7. ...
Vue flask前后端分离解决跨域
Vue flask前后端分离解决跨域安装axios 在项目目录下输入:npm install axios--save-dev 配置axios 在main.js中引入axios import axio ...
(五)Debian Linux中部署Spring Boot + Vue的前后端分离项目详细过程(arm64/aarch64架构下)
专题系列往期文章目录 (一)移动端安卓手机改造成linux服务器&Linux中安装软件踩坑历险记 (二)Debian Linux系统中安装oracle JDK1.8详细过程(arm64/aar ...
Vue 实现前后端分离项目
前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家.点击跳转到教程. Vue实现前后端分离项目的初体验经过之前学习的Vue的知识: vue基本指令 vue组件 vue- ...
Vue使用WebUploader上传文件/压缩包
Vue使用WebUploader上传文件/压缩包 npm i webuploader -S 引入 //引入webuploader import WebUploader from "webup ...

vue实现接受后端传过来的zip数据，axios实现

vue实现接受后端传过来的zip数据，axios实现相关推荐

最新文章

热门文章