当使用get请求 responseType：‘blob‘或者responseType: ‘arraybuffer‘等类型一直为报错没有与此调用匹配的重载。

已于 2023-06-09 18:58:22 修改
阅读量1k 收藏
点赞数 1
分类专栏： 附件预览 文章标签： javascript 前端 html
于 2022-10-07 15:13:07 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_59157023/article/details/127194618
版权

嗨嗨，朋友们 好久不见，今天做附件预览又遇到难题了，让我长话短说吧

当使用get请求 responseType：'blob'或者responseType: 'arraybuffer'等类型一直为报错

没有与此调用匹配的重载。

去调any就可以了 responseType就可以自己根据场景选择了 

记得点赞关注我额

呆呆加油呀
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
VUE 修复MOCKJS ResponseType BUG
03-22
在HTTP请求中，`ResponseType`是用来指定服务器响应数据的格式，如`json`、`blob`、`arraybuffer`等。在Vue.js项目中，我们通常使用`axios`或`fetch`等库进行异步数据请求，这些库允许我们设置`responseType`来解析...
javascript使用Blob对象实现的下载文件操作示例
11-20
首先，我们需要配置请求设置，确保`responseType`设置为`arraybuffer`或`blob`，这取决于后端返回的数据类型。例如，在Vue2.x和Webpack3.x的环境中，可以使用axios库发送HTTP请求。`axios`的默认配置可以覆盖，以...
Axios的不同responseType的使用场景
weixin_40243502的博客
11-07 1260
应用场景：用于将响应数据解析为 JSON 对象，适用于REST API和Web服务的调用。应用场景：用于接收二进制数据，通常是文件下载或处理图片、音频、视频等二进制数据的情况。应用场景：用于将响应数据解析为 HTML 文档对象，适用于获取和操作HTML文档的情况。应用场景：用于处理响应数据流，适用于大文件下载或需要逐行处理数据的情况。应用场景：用于将响应数据解析为纯文本，适用于文本内容的获取。类似，用于接收二进制数据，但通常用于文件下载等场景。一、arraybuffer。三、document。
blob arraybuffer区别
LANGZI7758521的专栏
08-03 355
https://www.cnblogs.com/hsdying/p/9660365.html
await get 请求设置返回类型为blob
qq_33240556的博客
05-23 218
在JavaScript中，当你使用fetch或axios等库进行HTTP请求并希望直接获得一个Blob类型的数据时（例如处理图片、文件下载等场景），你可以通过配置请求来实现。下面是使用fetch和axios设置返回类型为Blob的示例。
基于axios 的responseType类型的设置方法
10-16
今天小编就为大家分享一篇基于axios 的responseType类型的设置方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
详解get与post请求方式、content-type与responseType、@Requestbody与@Requestparam的使用场景
weixin_43899069的博客
11-29 3947
1. get与post请求方式 post：一般用来提交表单，请求数据被包装在body体中，是安全的； get：一般用来获取数据信息，当然也可以用来获取表单，请求参数在url中，是不安全的； 2. content-type与responseType 2.1 content-type contype-Type用来指定不同格式上传参数的请求信息（页面——>服务器）。 content-Type常用数据类型： application/json：把它作为请求头，则传递的消息主体是序列化后的 JSON 字符串
解决：下载文件时axios配置responseType: 'blob'判断下载是否成功（避免后台返回失败标识时依然下载undefined文件）
sinat_41694829的博客
03-20 3126
描述：当下载文件时，axios配置responseType: ‘blob’，此时后台返回的数据会被强制转为blob类型；如果后台返回代表失败的data，前端也无法得知，依然会下载得到名为undefined的文件。 解决：将blob转回json格式，通过code判断是否下载成功 主要技术点：FileReader axios配置： axios({ method: ‘post’, baseURL: ‘’...
文件预览或下载中，axios设置responseType:blob时对于后台报错信息的捕获兼容
donggua_123的博客
09-01 2万+
项目中难免会遇到预览文件或者下载文件的场景，如果后台返回的是base64或者图片格式还好说，文件信息直接放在返回body里，作为对象属性给到前端，很直观，也方便取用。 但后台给到的是文件流就要麻烦一些了，一般来说文件流会直接凡在res.data里 处理这种特殊返回值时需要设置axios的responseType为blob，防止axios内部默认处理返回值，导致无法解析： axios.g...
为什么接口返回的是二进制流的文件时，前端请求时responseType要设置成‘blob‘
最新发布
小白菜的博客
06-27 298
设置responseType为blob可以确保数据的完整性，使得前端可以对这些二进制数据进行进一步的处理，如将其保存为文件或直接在浏览器中播放。设置responseType为blob是一种标准化的处理方式，有助于确保代码在不同浏览器中的兼容性。如果前端请求不设置responseType，默认情况下，浏览器会尝试解析返回的数据，可能会将其错误地处理为字符串，导致数据损坏或不可用。所以，在处理二进制流文件时，前端请求设置responseType为blob主要是为了确保能够正确地接收和处理后端返回的二进制数据。
vue 使用post/get 下载导出文件操作
11-19
`params`包含了要传递的数据，`responseType: "arraybuffer"`设置返回类型为数组缓冲区，这是为了处理二进制文件数据。 - 当接收到响应后，代码创建了一个Blob对象，将响应数据转换为Blob格式，`new Blob([res.data...
axios中在请求中添加headers和responseType: ‘blob‘，要写在config里面
YHY的日常
07-27 7616
1.axios中get和post，config的位置，get请求在第二个，post请求在第三个 2.api和method中写法 //事件导出 exportAllEvent:params=>axiosBaseInstance.get('/url', params), //method中 api.exportAllEvent( { headers: { 'Content-Type':
前端get请求接收后端传来的二进制文件流blob实现下载功能，解决下载文件打不开问题
08-12 4992
解决方法： 前端在请求下载文件接口时，要设置responseType为blob。 前端代码： export function download(url, params) { return request({ url: url + '?' + qs.stringify(params, { indices: false }), method: 'get', responseType: 'blob' }) } 后端下载模板： 控制器： @ApiOperation(value
前端blob下载,responseType: ‘blob‘
weixin_40994437的博客
05-30 1357
前端blob下载,responseType: 'blob' 代码如下（示例）： //文件下载 downloadFile() var link = document.createElement('a') link.download = '信息.xlsx'; let url=`${window.origin}/api/${this.api}?path=${this.path}` this.http({ url, .
后端返回文件流时 responseType: ‘arraybuffer‘，正确弹出报错
u011035085的博客
08-03 1692
res = JSON.parse(enc.decode(new Uint8Array(res))) //转化成json对象，如果这里出现报错会直接走下面的catch。downloadElement.download = fileName // 定义文件名称。window.URL.revokeObjectURL(href) // 释放掉blob对象。responseType: 'arraybuffer', // 二进制流。
处理后台返回的二进制流图片时，设置返回类型responseType: ‘arraybuffer‘时不起作用，接收的为乱码而不是arraybuffer
qq_43020029的博客
01-06 2358
处理后台返回的二进制流图片时，设置返回类型responseType: 'arraybuffer’时不起作用，接收的为乱码而不是arraybuffer 原因：mockjs初始化了responseType，mockjs会影响到会影响原生的ajax请求，使得服务器返回的arraybuffer类型变成乱码 // 初始化 Response 相关的属性和方法 Util.extend(MockXMLHttpRequest.prototype, { responseURL: '', status: M
axios导出文件时，responseType设置为‘arraybuffer‘，如果导出出错，后台返回错误信息应该怎么办？
weixin_45799605的博客
05-13 1623
let enc = new TextDecoder('utf-8') let data = JSON.parse(enc.decode(new Uint8Array(res.data))) ```
axios请求设置responseType为'blob'或'arraybuffer'下载文件时，正确处理返回值为文件流或json对象的情况
热门推荐
lhz_333的博客
10-11 3万+
使用axios请求下载导出一个文件，请求设置了responseType: 'arraybuffer'，请求成功时后端返回的是一个流形式的文件，文件可正常导出；请求失败时后端返回的是json格式数据，此时数据被转成了arraybuffer，需要将数据arraybuffer转成Json对象。
get/post(blob)请求导出文件
qq_43787947的博客
02-22 2143
导出Excel流文件,Blob函数
responseType设置arraybuffer 后 response.data为{}
06-01
如果设置了`responseType`为`arraybuffer`，则`response.data`将返回一个`ArrayBuffer`对象，而不是JavaScript对象。因此，你可以使用`new Uint8Array(response.data)`将`ArrayBuffer`对象转换为字节数组，然后再将...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值