vue3下载文件流下载excel

//点击下载按钮qaGetDebitVoucher:async (id:any)=>{let res=await $axios.get($api.qaGetDebitVoucher+id,{ responseType: "blob",})download(res);},

    // 下载文件const download = (res: any) => {const data = res.data;if (!res.data) {return;}// 设置下载文件名称，使用正则取出名称const pat = new RegExp("(?<=filename=).*");let contentDisposition = "";//浏览器问题可能会出现 content-disposition 匹配不到if (res.headers["content-disposition"]) contentDisposition = res.headers["content-disposition"];if (res.headers["Content-Disposition"]) contentDisposition = res.headers["Content-Disposition"];const result = pat.exec(contentDisposition);let fileName = result && result[0];if (fileName == undefined) {fileName = "扣款凭证.xlsx";} else {fileName = decodeURIComponent(fileName);}let url = window.URL.createObjectURL(new Blob([data]));let link = document.createElement("a");link.style.display = "none";link.href = url;link.setAttribute("download", fileName);document.body.appendChild(link);link.click();};

下载成功

有的request没有配置的需要去配置一下if (response.status === 200) {// return Promise.resolve(response.data);//下载文件流if (response.config.responseType === 'blob') {return response;}// 如果请求错误，统一处理if (response.data.success) {return response;} else {message.warn(response.data.errMessage);}} else {Request.errorHandle(response);// return Promise.reject(response.data);return response;}

vue3下载文件流下载excel相关推荐

vue 后台返回的文件流进行预览_vue实现下载文件流完整前后端代码
这篇文章主要为大家详细介绍了vue实现下载文件流完整前后端代码,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下使用Vue时,我们前端如何处理后端返回的文件流首先后端返 ...
前端通过后端返回文件流下载文件
// 把文件流下载下来 const downloadMethods = (name, res) => {const blob = new Blob([res.data], { type: 'ap ...
vue 下载文件流和捕获后端返回的状态码和错误信息的方法
文件流下载需要注意的是 responseType: 'blob' ,否则下载的文件不能正确打开.但是当数据库返回400时,捕获不到error的错误信息,因为responseType设置了固定的返回格式 ...
js实现下载文件流图片
1.请求响应需要设置响应类型为流 responseType: 'blob', 2.下载文件流 // res 为后台返回的文件流 const reader = new FileReader();read ...
IE浏览器报错Unhandled promise rejection Error: 拒绝访问。文件流下载
项目内有很多导出文件,下载文件功能,前端采用的是文件流下载方式,请求后端接口,返回文件流. 最开始不清楚普通的动态创建a标签方法并不兼容IE,后来在IE上面测试出现了bug "Unhandl ...
阿里OSS文件流下载问题
阿里OSS文件流下载问题阿里OSS获取文件流,因为是网络传输流,所以ossObject.getObjectContent().available()不能一次性获取文件大小:传回的文件流,如果一次读取 ...
前端（vue）文件流下载
最近在做项目时,碰到一个需求,调接口,前端根据返回数流生成下载文件 . 1.首先进行封装在utils中,直接复制即可 export function dataToFile (params) {let ...
vue 将文件url 改成文件流下载
vue 将后台返回文件url 改成文件流下载由于直接a 标签下载视频,音频会打开新的窗口,所以改用文件流下载一.图片 exportData(row) {console.log('row', row ...
前端接收并下载文件流（blob对象）(word/.doc)
1 根据文件路径下载文件模板,前端拿到的是stream 文件流 2 将文件流下载下来第一步当然是写请求方法了,如下 //下载模板 export function download (params) ...

vue3下载文件流下载excel

vue3下载文件流下载excel相关推荐

最新文章

热门文章

vue3下载文件流 下载excel

vue3下载文件流 下载excel相关推荐

最新文章

热门文章

vue3下载文件流下载excel

vue3下载文件流下载excel相关推荐