a标签下载文件文档流 xlsxlsxdoc，docx，pdf

通过a标签下载文件

项目中需要下载后台execl文件，通过接口下载，使用js文档流
创建单独js文件，局部引入使用

export function $_downloadFile(obj, name, suffix) {const DOWNLOAD_TYPE_MAP = {xls: 'application/vnd.ms-excel',xlsx: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',doc: 'application/msword',docx: 'application/vnd.openxmlformats-officedocument.wordprocessingml.document',pdf: 'application/pdf'}if (!DOWNLOAD_TYPE_MAP[suffix]) {throw new Error('请传入文件下载的格式后缀，eg：xls，xlsx，doc，docx，pdf')}const blob = new Blob([obj], {type: DOWNLOAD_TYPE_MAP[suffix]})const fileName = `${name}.${suffix}`let link = document.createElement('a')document.body.appendChild(link)link.href = URL.createObjectURL(blob)link.setAttribute('download', fileName)link.click()document.body.removeChild(link)URL.revokeObjectURL(link.href) // 销毁url对象
}

3.使用

//接口
export function exportExcel(data) {return request({url: '/item/exportExcel',method: 'get',responseType: 'blob', //一定要加，不然无效params: { ...data }})
}//用法
import { $_downloadFile } from '@/utils/download'
//接口中使用
exportExcel(queryData).then(res => {$_downloadFile(res, '导出文件名', 'xlsx')  //res：返回数据}).catch(() => {})

真实有效可以使用特此记录！！！

a标签下载文件文档流 xlsxlsxdoc，docx，pdf相关推荐

vue下载xlsx文档流(导出功能)
一.记录一次前端下载xlsx文档流: 思路: 1. 调用接口接受后台返回的文档流资源, 2.通过内置对象Blob构造器进行解析得到链接地址 3.通过a标签的下载功能得到资源说下中间踩得坑, 首先项目 ...
脱离文档流的三种方法
什么是脱离文档流呢?可以这样理解,本来这个标签是属于文档流管理的,那么它应该按照文档流的正常布局方式从左至右从上之下,并且符合标签本身的含义. 脱离文档流是指,这个标签脱离了文档流的管理.不受文档流的 ...
使用文件流的形式在浏览器下载word文档
一.使用文件流的形式在浏览器下载word文档 String path = "http://172.16.228.130:7300/document/d9dd1ec7e72d4fc6a9e50 ...
windows默认文件(桌面、下载、文档等)设置为C盘根路径后怎么修改回去
桌面.下载.文档等设置为C盘根路径后怎么修改回去 1.问题 2.解决办法 2.1.按`Win + R`调出运行窗口,输入`regedit`并按回车. 2.2.在弹出的注册表窗口里,打开下面路径`计算机 ...
文件文档ppt资料付费VIP会员下载流量主小程序开发
文件文档ppt资料付费VIP会员下载流量主小程序开发支持格式// 支持包含pptx/ppt/ doc/ docx/xsl/xslx/ pdf/zip/rar/网盘等9种格式;并支持6种格式;WORD ...
CSS标准文档流，在线面试指南
前言过完年了,准备实习的你是已经在实习了,还是已经辞职回家过年,准备年后重新找工作呢,又或者是准备2021年春招? 那么还没没踏出校门或者是刚出校门没多久的同学们该如何准备前端校招的面试呢? 面试知 ...
web前端开发自学课程，CSS标准文档流，超详细
前言又逢金三银四,拿到大厂的offer一直是程序员朋友的一个目标,我是如何拿到大厂offer的呢,今天给大家分享我拿到大厂offer的利器,前端核心知识面试宝典,内容囊括Html.CSS.Javas ...
html 浮动脱离文档流,CSS标准文档流与脱离文档流
标准文档流文档流:指的是元素排版布局过程中,元素会默认自动从左往右,从上往下的流式排列方式.并最终窗体自上而下分成一行行,并在每行中从左至右的顺序排放元素. 标准流的微观现象: 空白折叠现象: 在 ...
（17）HTML标准文档流
在我们遇到的 HTML 元素中,有的标签元素如 <div>.<p> 等在浏览器中加载时必须独自占满一行,有的标签元素如 <a> .<span>等则不会独 ...
选择器、像素和百分比、颜色单位、文档流-css基础
网页分成三部分: 结构(HTML) 表现(CSS) 行为(JavaScript) CSS: css是层叠样式表网页实际上是一个多层的结构,通过css可以分别为网页的每一层来设置样式.(是一种3D效果 ...

a标签下载文件文档流 xlsxlsxdoc，docx，pdf

通过a标签下载文件

a标签下载文件文档流 xlsxlsxdoc，docx，pdf相关推荐

最新文章

热门文章