配合后端实现下载文件功能

努力学习的七七

于 2022-04-01 20:17:49 发布

阅读量317

点赞数

文章标签：前端

本文链接：https://blog.youkuaiyun.com/budai_bb/article/details/123906646

版权

接口请求 POST Excel blob 文件下载

关键词由优快云通过智能技术生成

// 配置接口请求
export async function download(obj) {
	return request({
		url: '后端接口',
		method: "post",
		data: obj,
		responseType: 'blob', //必须必须写
	});
}

// 引入写api的文件
import * as api from './api.js'

let data = {...}

api.download(data).then(res => {
    let url = window.URL.createObjectURL(new Blob([res.data], {type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8'}))
	let link = document.createElement('a')
	link.style.display = 'none'
	link.href = url
	let excelName = '文件名' + new Date().getTime() + '.xlsx'
	link.setAttribute('download', excelName)
	document.body.appendChild(link)
	link.click()
	link.remove()
})