前端导出、下载、浏览打印excel、rar、word等文件的简单理解使用_小也同学的博客-程序员秘密

导出excel、rar、word文件等

接口
export const exportExcel = (data) => {
  return axios({
    url: `${baseUrl}/contract/PurchaseContractService/exportExcel`,
    method: 'post',
    responseType: 'blod',
    data
  });
};

  导出
  exportExcel(params).then((res) => {
  var blob = new Blob([res.data]); 
  或者
  var blob = new Blob([res.data], { type: res.headers['content-type'] });
  
    var href = URL.createObjectURL(blob);
    // 创建一个a元素
    var downloadElement = document.createElement('a');
    downloadElement.href = href;
    // 命名文件名称
    downloadElement.download = '待生成合同.xlsx';
    // 向文档插入a元素
    document.body.appendChild(downloadElement);
    // 模拟点击a元素标签的下载功能
    downloadElement.click();
    // 然后从文档中移除创建的a元素
    document.body.removeChild(downloadElement);
    URL.revokeObjectURL(href);
  });

下载excel、rar、word文件等

// 方式1
window.location.href =（接口）
window.location.href = (this.downloadExcelUrl + '?queryParams=' + encodeURIComponent(JSON.stringify(params)))
- this.downloadExcelUrl是接口路径

// 方式2
    const a = document.createElement('a');
    a.download = "测试"; // 下载后显示名称
    a.href = blobUrl; // 下载链接地址
    a.click();
    document.body.removeChild(a);

浏览打印文件

window.open（接口）
window.open(window.ELS.api + '/' + res.data.data.fileUrl)

本文链接：https://blog.csdn.net/qq_37734787/article/details/110383643

原作者删帖不实内容删帖广告或垃圾文章投诉

智能推荐

The dimen in values has no declaration in the base values folder； this can lead to crashes when the_走马川行雪的博客-程序员秘密

1、values文件报错报错信息：The dimen "keyboard_verticalGap" in values-1280x720 has no declaration in the base values folder; this can lead to crashes when the resource is queried in a configuration that does not match this qualifier位置：xml存放数值的文件项目情况：项目的res目录下.

[MPLAB] 分享一款mplab x ide 插件------Code Configurator_AndyCheng_hgcc的博客-程序员秘密

[MPLAB] 分享一款mplab x ide 插件------Code Configurator

Linux内核禁止修改ip,ip_conntrack_max 参数的修改方法及卸载linux内核的 ip_conntrack 模块..._weixin_39621774的博客-程序员秘密

一、概念－允许的最大跟踪连接条目：CONNTRACK_MAX(默认值是 2^16=65536 )－存储跟踪连接条目列表的哈西表的大小：HASHSIZE－每个哈西表的条目(叫一个bucket)，包含了一个链接起来的跟踪连接条目－哈希表大小HASHSIZE，表现为条目bucket的多少，在iptables启动时在日志中会显示。图表形象解释：例如，系统默认配置下，启动 iptables 时的信息如下：...

Android工具类— 分享到QQ（QQ空间）、微信（朋友圈）_Mr. 码农的博客-程序员秘密

1、分享到QQ、QQ空间：首先第一步，在腾讯开发者平台注册，添加应用，获得APPID，然后下载SDK，导入到工程中；然后，在AndroidManifest中注册两个Activity，代码如下： <activity android:name="com.tencent.tauth.AuthActivity"

合并几个压缩包_用rmd合并压缩包_康丶的博客-程序员秘密

合并压缩包

用标准C编写COM（一）_weixin_34015860的博客-程序员秘密

cdllbufferstruct编译器微软目录(?)[-]简介 COM对象和虚表GUIDQueryInterfaceAddRef and ReleaseIClassFactory对象打包到DLL中CC包含文件定义文件DEF安装DLL和注册对象C实例程序C实例程序修改代码接下来是什么 ...