vue数据模板文件的下载三种方法

2024-05-24 11:42:49

用vue2针对后台返回数据的不同提供的下载模板文件三种办法（针对Excel）

一、当后台返回的数据是文件流时，以下代码可实现直接下载文件到本地

let ele = document.createElement(“a”);
ele.style.display = “none”;
let file = “/user/exportExcelData”;//下载文件的后台接口
ele.href =file;
document.body.appendChild(ele);
ele.click();
document.body.removeChild(ele);

二、当调用接口后台返回的数据是二进制文件流（一个url链接）时，以下代码可实现对二进制文件进行处理并且进行下载文件到本地；

let res= await DownloadService.get2(name);//封装的后台接口API（name是返回的文件名）
let blob= new Blob([res.data], {//res.data是后台返回的二进制文件
type: “application/vnd.ms-excel;”//定义文件类型
// type: “application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8”
});
let url= URL.createObjectURL(blob);
let link= document.createElement(‘a’);
link.setAttribute(“href”, url);
link.setAttribute(“download”, name);
link.style.visibility = ‘hidden’;
document.body.appendChild(link);
link.click();
document.body.removeChild(link);

三、当后台返回的数据直接是文件（在资源服务器上已经生成文件）时，以下代码亦可实现直接下载文件到本地

window.open(‘_blank’).location.href = “http://10.80.58.79:8003/user/exportException/”+ name//name是文件名，可在新窗口中打开并且下载文件。

vue数据模板文件的下载三种方法相关推荐

php读取文件内容不全,php读取文件内容的三种方法
//**************第一种读取方式***************************** 代码如下: header("content-type:text/html;chars ...
java持久层用文件_JAVA中用三种方法将字符串持久化到文件中
经常需要将数据进行持久化,而我们的文件系统是最古老也是最可靠的保存方式.这里就给出一个在JAVA中把字符串保存到文件中的例子.如下: package test.base; import java.io ...
Android数据存储和读取的三种方法
Android数据存储和读取的三种方法一.文件存储二.Context存储三.SharedPreferences存储一.文件存储 1.利用文件进行数据的存储 public static bool ...
python一次性读取整个文件-python逐行读取文件内容的三种方法
一.使用open打开文件后一定要记得调用文件对象的close()方法.比如可以用try/finally语句来确保最后能关闭文件. 二.需要导入import os 三.下面是逐行读取文件内容的三种方法: ...
Linux清空文件内容的三种方法
Linux清空文件内容的三种方法测试文件:a.txt 第一种: $> a.txt 第二种: $echo "" > a.txt 第三种: $cat /dev/null ...
linux系统中清空文件内容的三种方法
1.使用vi/vim命令打开文件后,输入"%d"清空,后保存即可.但当文件内容较大时,处理较慢,命令如下: vim file_name :%d :wq 2.使用cat命令情况,命令 ...
mysql改存储引擎教程_MySQL中修改数据表存储引擎的三种方法
第一种方法:ALTER TABLE 将表从一个引擎修改为另一个引擎最简单的办法是使用ALTER TABLE语句,转换表的存储引擎会导致失去原引擎相关的所有特性. 例:将mytable的引擎修改为Inn ...
ios+android备份短信恢复软件下载,三种方法恢复iPhone短信，简单有效。
原标题:三种方法恢复iPhone短信,简单有效. 在使用iPhone手机的时候,偶尔也会遇到一些不愉快的小插曲,比如,一不小心就删除了重要的短信,这可能是工作的信息也可能是恋人之间具有纪念意义的信息. ...
Java实现监听文件变化的三种方法，推荐第三种
背景在研究规则引擎时,如果规则以文件的形式存储,那么就需要监听指定的目录或文件来感知规则是否变化,进而进行加载.当然,在其他业务场景下,比如想实现配置文件的动态加载.日志文件的监听.FTP文件变动监 ...

最新文章

热门文章