file-saver 实现文件下载

一、

npm install file-saver --save -dev

二、创建exportFile.js文件

import FileSaver from "file-saver";
export default class fileSave {/*** 导出Pdf文件* @param {*} res   文件流* @param {*} name  文件名*/static getPdf(res, name) {let blob = new Blob([res], {type: "application/pdf"});FileSaver.saveAs(blob, name + ".pdf");}/*** 导出Excel文件* @param {*} res   文件流* @param {*} name  文件名*/static getExcel(res, name) {let blob = new Blob([res], {type: "application/vnd.ms-excel"});FileSaver.saveAs(blob, name + ".xls");}/*** 导出CSV文件* @param {*} res   文件流* @param {*} name  文件名*/static getCsv(res, name) {let blob = new Blob([res], {type: "application/vnd.ms-excel"});FileSaver.saveAs(blob, name + ".csv");}/*** 导出图片1* @param {*} url 图片地址* @param {*} name  文件名*/static getImgURLs(url, name) {let last = url.substring(url.lastIndexOf("."), url.length);FileSaver.saveAs(url, `${name}${last}`);}/*** 导出图片2* @param {*} res 文件流* @param {*} name  文件名*/static downLoadImg(res, filename) {let blob = new Blob([res], {type: "image/jpeg"});FileSaver.saveAs(blob, `${filename}.jpg`);}
}

三、使用

1、获取下载文件名

Vue.prototype.$getDownloadName = function (res) {let cod = res.headers["content-disposition"];let cpos = cod.indexOf("=");let exportName = cod.substring(cpos + 1, cod.length)return decodeURIComponent(exportName)
}

2、接口

export function downLoad(params) {return request({url: urlPrefix + '/downLoad',method: 'get',responseType: 'blob',params,paramsSerializer: params => {return qs.stringify(params, { indices: false })},})
}

3、接口调用

import exportFile from '@/utils/exportFile'async onDownLoad() {const [err, res] = await to(API.downLoad(params))exportFile.getPdf(res.data, this.$getDownloadName(res))
}

file-saver 实现文件下载相关推荐

windows安装 Git Large File Storage大文件下载工具ge
下载地址导航到 git-lfs.github.com 并单击Download开始下载 git-lfs的用法指南验证安装成功打开Git Bash 验证安装成功,使用命令 git lfs insta ...
Spring Boot入门（11）实现文件下载功能
在这篇博客中,我们将展示如何在Spring Boot中实现文件的下载功能. 还是遵循笔者写博客的一贯风格,简单又不失详细,实用又能让你学会. 本次建立的Spring Boot项目的主要功能 ...
java 跨域下载文件_文件下载重命名（可跨域）
一.正常情况下,我们都如此下载文件并修改文件名,在a标签上面添加download属性 var link = document.createElement('a'); link.href = file. ...
Java Web文件下载
Web文件下载有两种.一种是文件在站点文件夹下.在浏览器中直接输入文件路径就可以下载.如http://www.xxx.com/file.zip.第二种是文件不在站点文件夹下或者文件是动态生成的(导出报 ...
Web端程序实现文件下载
作者:死神的丧钟字体:[增加减小] 类型:转载时间:2016-05-25 我要评论这篇文章主要介绍了Java Web端程序实现文件下载的方法分享,包括一个包含防盗链功能的专门针对图片下载的程序 ...
文件下载重命名（跨域）
一.正常情况下,我们都如此下载文件并修改文件名,在a标签上面添加download属性 var link = document.createElement('a'); link.href = file. ...
java将excel文件下载到本地
1.代码如下,可直接复制注:workbook 格式必须是HSSFWorkbook类型的,文件名后缀是 .xls,不然会报错. //测试excel文件是否导入成功,将导入的excel文件下载到本地St ...
Java文件下载工具类
各种文件下载 /** 文件下载工具类 */public void downloadFile(HttpServletResponse response,String url)throws Unsuppo ...
大文件下载断点续传后台功能，模仿百度网盘下载功能
最近项目遇到断点续传下载大文件的需求,网上百度了一下,找到了解决方式,感谢大帝的无私奉献. 为了将网盘下载的效果模仿的更真实,特将原作者的代码完善,本着为小白省下完善代码的时间考虑,写了这篇文章. 原 ...
Code Project精彩系列（转）
Applications Crafting a C# forms Editor From scratch http://www.codeproject.com/csharp/SharpFormEdit ...

file-saver 实现文件下载

file-saver 实现文件下载相关推荐

最新文章

热门文章