Vue-element-ui responseType: ‘blob‘ 设置无效

最新推荐文章于 2025-04-15 15:59:48 发布
最新推荐文章于 2025-04-15 15:59:48 发布
阅读量3.8k 收藏 10
点赞数 3
分类专栏： vue-element-admin-框架
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/wk15038187622/article/details/116932257
版权

1.请求时文件流时，需要在请求时手动设置成blob格式

2.设置格式成功后

3.手动下载

4.也有特殊情况，返回的res只有blob，也可以直接使用的，下载只需要res.data中的blob

5.设置blob格式后，res返回仍然是文件流，当前项目内可能有mock.js文件，它会将responseType:''，进行置空，只需要注掉即可
对于Vue-element-ui中只需要手动添加，如果下载的模板是完整版，则不存在这个问题

Vue2 - 判断接口返回的二进制文件流 Blob 是二进制文件流对象还是 JSON 错误提示信息，当请求设置 responseType: blob 时捕获后端状态码返回的是可下载文件还是下载失败提示
王二红
12-29 4788
vue2，blob文件流下载判断，vue2下载二进制文件流Blob对象时接口没有状态码了怎么办，接口返回状态码但打印是blob对象如何提示错误，vue下载文件流成功时返回blob，失败时返回json提示信息，vue前端下载文件responseType设置为blob,怎么获取到后端返回的异常信息，vue文件流下载时拿不到后端接口的错误提示，vue2下载blob文件时怎么能根据接口状态码提示错误，vue2blob对象下载如何判断接口状态码，vue判断下载是否成功返回了二进制文件流还是返回了失败对象错误信息，请
Vue及Element UI&vue-element-admin简记
生活在别处
11-21 7861
文章目录概念索引安装vue基本语法声明式渲染动态参数双向绑定数据绑定中进行数据处理使用JS表达式计算属性侦听器Class 与 Style 的数据绑定Class的数据绑定Style的数据绑定条件与循环条件渲染v-if指令v-show指令列表（数组）渲染数据更新检测事件监听器修饰符事件修饰符按键修饰符按键码系统修饰键指令的缩写组件化应用构建vue实例实例生命周期的钩子模板语法高级语法相关概念HTML ...
vue 下载文件时，设置返回值类型responseType为‘blob‘无效的问题
xiyu_webSE的博客
02-22 2120
vue 下载文件时，设置返回值类型responseType为‘blob‘,但是未生效问题解决
下载/导出blob接口配置responseType: ‘blob‘不返回错误信息
最新发布
weixin_61579251的博客
04-15 477
描述问题：执行下载或导出时在接口处配置了responseType: ‘blob’，当接口code: 500或出错时，接口还是会正常返回blob对象，但此返回的文件是有误的。解决：在响应拦截器中通过请求头content-disposition判断文件下载是否出错，如果有误将返回的blob转换成错误信息。
vue axios(获取文件流乱码)设置返回值类型responseType:‘blob‘无效
08-12 8295
一、需求 vue项目，要求通过接口获取第三方平台传输的文件流，无需下载，获取后转成文件自动上传到当前平台媒资库。 二、开发过程 经过百度，找到了将文件转换成blob文件流格式，再将blob转换成file文件 let blob = new Blob([data]);//data是文件流(字符串格式，此时还没有意识到出现了乱码问题) let file = new File([blob], row[1], {type:"audio/mpeg"}); 整合到自己代码中，因为设置了responseType: “bl
后端返回文件流乱码，responseType:‘blob‘无效的问题
jsPao的博客
01-11 1396
项目中使用的mock.js模拟数据，http请求库使用的是axios，业务场景是请求后台接口，返回二进制数据，展示为图片。此时使用的是正式数据，仅仅是引入了mock并没有使用，结果前端展示不出来。开始漫长的网上找跳坑大法之路，发现了一篇文章，mock模块会修改原生ajax，使得responseType的值变成‘’空字符串。后来考虑axios设置content-type：blob和arraybuffer不同的问题，发现也不是。首先想到的是后台返回的格式本身是错误的，通过在后台打开发现没问题。
ant design vue 表格 Table 实现导出功能 并增加progress导出进度条（附问题:设置responseType: ‘blob‘不生效解决方案）
qq_42951499的博客
07-06 2347
目录 一、提取进度条组件 二、提取导出功能公共方法 三、具体使用 四、问题：设置responseType: 'blob'不生效 一、提取进度条组件 01 - 效果如图： 02 - 代码实现 <template> <div class="export-loading"> <div class="export-con"> <span class="export-title">正在导出</span&gt
vue axios请求设置content-type无效
小白白的博客
06-21 2801
vue-admin-template开发中在request请求中设置了Content-type，但是在在浏览器中查看请求主体并没有Content-type service.interceptors.request.use( config => { if (store.getters.token) { config.headers['X-Token'] = getToken(); } config.headers["Content-type"] = "applic
vue + vue-resource + element-ui项目中遇到的问题总结
ishell1021的博客
03-08 2303
运营智享遇到的问题(前端) vue + vue-resource + element-ui + vue-router + node.js + sass 1. el-table filter tag 使用filter-method处理数据过滤,当该标签下没有数据时标签切换不起作用 解决: 1.用el-table的filter-change方法处理过滤逻辑,而不用el-table-column...
两小时从零学会vue-admin-template框架
drhrht的博客
03-06 7254
一、vue-admin-template 1.项目简介 官网：https://github.com/PanJiaChen vue-element-admin是含有丰富的组件，vue-admin-template是一个基础的单页面应用的框架，适合在vue-admin-template上二次开发，开发需要的组件就可以直接的从vue-element-admin里面拷贝上去。适合于后台管理的中小型项目，内部的架构非常的完善，简单易上手。 1.2下载项目 vue-element-admin 官网 vue-admi
Vue + Element-UI 实现导入导出功能详解
本文主要介绍了如何使用Vue.js和Element-UI框架实现网页应用中的导入导出功能。Element-UI是一个流行的Vue组件库，提供了一系列完善且美观的UI组件。在开始之前，首先需要通过`npm`安装Element-UI，并在项目主入口...
VUE 修复MOCKJS ResponseType BUG
03-22
VUE 修复MOCKJS ResponseType BUG
SSM+Vue+Element-UI实现运动会管理系统
源码哆哆
05-07 448
系统采用了Java技术SSM框架，前端使用组件库，选择MySQL作为系统的数据库，开发工具选择 idea来进行系统的设计。基本实现了运动会管理系统应有的主要功能模块，本系统有以下功能：（1）前台：首页、比赛信息、运动会资讯、留言反馈、个人中心、后台管理。（2）管理员：首页、个人中心、运动员管理、项目分类管理、比赛信息管理、比赛报名管理、比赛成绩管理、留言板管理、系统管理。
await get 请求设置返回类型为blob
qq_33240556的博客
05-23 409
在JavaScript中，当你使用fetch或axios等库进行HTTP请求并希望直接获得一个Blob类型的数据时（例如处理图片、文件下载等场景），你可以通过配置请求来实现。下面是使用fetch和axios设置返回类型为Blob的示例。
【Vue-Element】el-upload将文件转为Blob类型
feifeiyechuan的博客
06-14 5600
el-upload 提取Blob类型
前端下载文件流，设置返回值类型responseType:‘blob‘无效的问题
Amelian的博客
01-16 6888
本是一个非常简单的请求，即是下载文件。通常的做法如下：1.前端通过Vue Axios向后端请求，同时在请求中设置响应体为Blob格式。2.后端相应前端的请求，同时返回Blob格式的文件给到前端（如果没有步骤1设置响应体，则后端返回的是一个文件流，前端）3.前端创建a标签进行下载如果后端返回的是文件的地址，那么前端可以直接通过加文件路径即可下载文件。但是如果后台返回的是文件流，那么前端就需要做一些处理。处理的核心也是将文件流转成文件，然后使用a标签模拟点击下载。
【前端】vue下载文件，返回值为 blob 文件流(添加这个属性 responseType: ‘blob‘)，失败后的错误信息处理以及成功处理。
DaiGG_的博客
01-18 5290
1、当我们下载文件时，成功可以直接下载，代码如下 downExcel() { this.loading = true; //文件名 let fileName = "xxx.xlsx"; downExcel(fileName).then(res => { //将文件流转成blob形式 const blob = new Blob([res.data],{type: "application/vnd.ms-excel"}); //创建一
vue axios(下载文件流)设置返回值类型responseType:'blob'无效的问题
热门推荐
weixin_42142057的博客
07-29 6万+
我在做vue项目时，要求使用axios异步下载后端传输的文件流，百度了一下，so it`s easy. 巴拉巴拉一顿操作，OK搞定。然而一测试，凉凉，下载的文件要嘛是空的，要吗是乱码。F12一看，浏览器拿到的不是Blob类型的，而是一串字符串乱码。操作如下： 1.写axios接口 import axios from 'axios' export const uploadFileRequest =...
前端文件导出设置responseType为blob时遇到的问题
weixin_46018417的博客
02-15 7179
导出文件接口返回code和msg如何获取。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值