本文介绍: 二、下载文件,当返回的是文件路径时候(比如:/file/文件.pdf),直接用this.download()方法。三、下载文件,当返回文件流的形式时候(文件流)上面是excel,如果是pdf,那么。

一、打印文件

// 报表打印
handlePdf(row) {
 	wayAPI(row.billcode).then((res) => {
 		var binaryData = [];
 		binaryData.push(res);
 		let url = window.URL.createObjectURL(new Blob(binaryData, {
 			type: "application/pdf"
 		})); 					
 		window.open("/static/pdf/web/viewer.html?file=" + encodeURIComponent(url));
 	});
},

二、下载文件,当返回的是文件路径时候(比如:/file/文件.pdf),直接用this.download()方法

waysAPI().then((response) => {
 	this.download(response.data);//response.data返回路径
});
//这里的waysAPI是已经封装好了请求

三、下载文件,当返回是文件流的形式时候(文件流)

excels(qparams).then(response => { //qparams是接口参数
		const blob = new Blob([response], {
		type: "application/vnd.ms-excel;charset=utf-8"
		});
		const fileName = '下载的表格名称' + '.xlsx';
		if (window.navigator.msSaveOrOpenBlob) {
				navigator.msSaveBlob(blob, fileName);
		} else {
		const link = document.createElement("a");
		link.href = window.URL.createObjectURL(blob);
		link.download = fileName;
		link.click();
		window.URL.revokeObjectURL(link.href);
		}
});

上面是excel,如果是pdf,那么

const blob = new Blob([res.data], {type: 'application/pdf'});

api.js文件中

// 导出入库单
export function excels(query) {
    return request({
        url: 'urls',
        method: 'get',
        params: query,
		responseType: 'blob' //这个必须,不然会乱码
    })
}

原文地址:https://blog.csdn.net/huang_jimei/article/details/134553760

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。

如若转载,请注明出处:http://www.7code.cn/show_3339.html

如若内容造成侵权/违法违规/事实不符,请联系代码007邮箱:suwngjj01@126.com进行投诉反馈,一经查实,立即删除

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注