Axios设置responseType:“blob“，获取接口返回的json信息

最新推荐文章于 2024-09-03 16:23:02 发布
最新推荐文章于 2024-09-03 16:23:02 发布
阅读量578 收藏
点赞数 3
文章标签： json 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sunlight_jw/article/details/139659236
版权

近期在做文件上传以及下载，在接口中设置了responseType:"blob"，无法获取到接口返回的信息，在设置responseType:"blob"后，后端会返回Blob二进制文件流，例如这样的

这是在接口中设置的responseType:"blob"

如果要获取接口返回的信息，则需要在方法中加入下面的代码

默一涵
关注
Vue2 - 判断接口返回的二进制文件流 Blob 是二进制文件流对象还是 JSON 错误提示信息，当请求设置 responseType: blob 时捕获后端状态码返回的是可下载文件还是下载失败提示
王佳斌
12-29 4031
vue2，blob文件流下载判断，vue2下载二进制文件流Blob对象时接口没有状态码了怎么办，接口返回状态码但打印是blob对象如何提示错误，vue下载文件流成功时返回blob，失败时返回json提示信息，vue前端下载文件responseType设置为blob,怎么获取到后端返回的异常信息，vue文件流下载时拿不到后端接口的错误提示，vue2下载blob文件时怎么能根据接口状态码提示错误，vue2 blob对象下载如何判断接口状态码，vue判断下载是否成功返回了二进制文件流还是返回了失败对象错误信息，请
axios请求responseType为blob时，错误数据处理
qq_38143787的博客
09-27 6394
有的时候,我们在axios请求处理的时候,需要处理对应的可能出现的报错信息,这个时候直接返回的response是不能直接反映出错误信息的. 所以这个时候,我们需要进行转化,转化代码如下: 这一段是转化并且在报错时抛出错误信息,如果没有报错,就将文件下载下来 // 下载文件的保存 handleDownloadData(param, url, blom) { axios({ method: "post", url: url, data: par
axios请求responseType: ‘blob‘时的错误信息处理
lsn690607887的博客
06-14 1816
下载文件的时候，因为返回为blob，所以无法获取后端返回的错误信息
Axios的几种不同的responseType处理响应，以及blob与arraybuffer的解析
阿牛哥的博客
07-29 1679
Axios的几种不同的responseType处理响应，以及blob与arraybuffer的解析
axios responseType: ‘blob‘下载文件，失败时转换成json
wusq的博客
09-11 4019
axios配置responseType: 'blob'时，接口返回成功的数据是正常的文件流，返回失败的时候也会以文件流的形式下载到本地，但是是一个损坏的文件。 通过观察发现：有效的情况下返回的type是application/octet-stream，而失败的时候type是application/josn，那我们就根据这个条件对结果进行处理，对失败的结果转换成json，在页面给出错误提示。 处理代码如下： 正常的type为application/octet-stream时，就执行下载到本地的.
axios配置 responseType: “blob“
ivan5277的博客
05-10 1856
在使用 Axios 进行网络请求时，配置是用来指示 Axios 将响应体作为Blob对象处理。这在文件下载功能中特别有用，因为Blob对象可以被用来创建一个指向该文件内容的 URL，进而触发浏览器的下载行为或者在页面上展示文件内容（如图片预览）。
axios设置responseType: ‘blob‘，获取接口返回的错误信息
最新发布
风如也的博客
09-03 680
在axios的请求中当后端接口返回的是文件流的情况下，我们需要在请求参数里面设置。，如果接口报错，默认前端无法获取后端返回的错误信息。network中返回的是文件流数据。
axios请求设置responseType为'blob'或'arraybuffer'下载文件时，正确处理返回值为文件流或json对象的情况
热门推荐
lhz_333的博客
10-11 3万+
使用axios请求下载导出一个文件，请求设置了responseType: 'arraybuffer'，请求成功时后端返回的是一个流形式的文件，文件可正常导出；请求失败时后端返回的是json格式数据，此时数据被转成了arraybuffer，需要将数据arraybuffer转成Json对象。
axios下载文件（responseType:‘blob‘），判断是下载成功返回了二进制流还是失败返回了对象（比如服务端拒绝，返回对象，前端如果依然按二进制流处理会导致下载undefined文件）
一个昵称叫铃风的小前端
05-10 3万+
描述：当下载文件时，axios配置responseType: ‘blob’，此时后台返回的数据会被强制转为blob类型；如果后台返回代表失败的data，前端也无法得知，依然会下载得到名为undefined的文件。 解决：将blob转回json格式，通过code判断是否下载成功 主要技术点：FileReader axios配置： axios({ method: ‘post’, baseUR...
基于axios 的responseType类型的设置方法
12-13
axios请求下载导出一个文件，请求成功时返回的是一个流形式的文件，需要设置responseType: ‘arraybuffer’，但是请求失败的需要返回的是json数据， 所以需要把arraybuffer转成Json对象。 例： 请求设置了response...
设置responseType:Blob之后，获取接口返回的json错误信息,获取后端放在header-content-disposition里面的文件名
Oolong___的博客
11-10 762
设置responseType:Blob之后,接口确实返回了正常的错误对象，包含错误码和错误信息，但是因为是blob数据类型，所以json被当成文件下载下来了,需要在axios里做如下设置。
axios 处理下载文件 responseType: “blob“, //注意,下载报错转成json
weixin_49409651的博客
05-24 755
【代码】axios 处理下载文件 responseType: “blob“, //注意,下载报错转成json。
axios设置responseType===blob导出文件和失败返回json处理
山水子农
12-16 1万+
  axios设置instance.defaults.responseType = 'blob’请求下载导出一个文件，请求成功时返回的是一个流形式的文件，正常导出文件。但是请求失败的时候返回的是json ，不会处理错误信息，而是直接导出包含错误信息的文件。   可以通过返回的blob数据type类型进行区分，如果type是文件类型，导出文件，如果type是json则把blob数据转为string，...
文件流下载之——axios请求responseType为blob时，错误数据处理
Anyuegogogo的博客
05-11 2903
背景：一个文件下载的需求，如果成功下载data数据返回的是文件流，如果失败后端会返回失败信息，类似{code: -1, data: null, msg: 'xxx'}。然而如果用responseType: 'blob'去接文件流的话，返回的错误信息也会转为blob数据格式。我们需要对返回错误信息的数据做处理，页面上提示错误信息。
axios请求设置responseType为‘blob‘或‘arraybuffer‘下载时，正确处理返回值
code_carrierV1的博客
10-13 1万+
问题：调用后台图片接口，后台返回二进制流图片数据格式。前端接收到流后处理数据显示在img标签。解决：返回的string直接放在img标签src可直接显示。
Axios 设置 responseType：blob 导致后端返回的任意结果都会转换为 blob { }
小明同学c的成长日记
03-02 5273
FileReader 对象允许Web应用程序异步读取存储在用户计算机上的文件（或原始数据缓冲区）的内容，使用 **File** 或 **Blob** 对象指定要读取的文件或数据。 #### 属性： - FileReader.error 表示在读取文件时发生的错误 - FileReader.readyState - FilerReader.result 读取到的结果 （上面用到的）
请求为blob，但是返回json格式，如何处理
就是你的博客
03-16 952
这是因为读取文件涉及到磁盘I/O操作，这可能需要一些时间，而JavaScript是单线程的，如果进行同步读取，可能会阻塞整个页面，导致用户体验下降。因此，尽管有时我们可能希望同步读取文件内容以便更直接地处理数据，但在Web浏览器中通常不支持同步文件读取。在JavaScript中，由于浏览器环境的限制，文件读取操作通常是异步的，包括使用。API 没有提供同步读取的方法，所有的读取操作都是通过事件驱动的异步方式完成的。但是，如果你确实收到的是二进制数据（可能是以。来读取它，这实际上是不必要的，因为。
axios请求设置responseType为‘blob‘或‘arraybuffer‘下载文件时，正确处理返回值为文件流或json对象的情况
m0_38109616的博客
11-17 661
文件流，下载
基于axios 的responsetype类型的设置方法
05-10
axios是一个基于Promise的HTTP客户端，它可以让我们发送异步请求来与服务器交互。axios支持多种responsetype类型，包括arraybuffer，blob，document，json和text，我们可以根据实际需求来设置不同的responsetype类型。 设置responsetype类型非常简单，在axios请求的配置对象中设置responseType属性即可。例如，如果我们想要得到json格式的响应，可以这样设置： ```javascript axios({ method: 'get', url: '/api/data', responseType: 'json' }) .then(response => { console.log(response.data) }) .catch(error => { console.error(error) }) ``` 在这个例子中，我们使用了axios发送一个GET请求，设置url为/api/data，responseType为json，然后在响应成功时打印出response中的data属性，否则打印错误信息。 除了json格式，axios还支持其它类型的响应。例如，如果我们想要得到arraybuffer类型的响应，可以这样设置： ```javascript axios({ method: 'get', url: '/api/data', responseType: 'arraybuffer' }) .then(response => { console.log(response.data) }) .catch(error => { console.error(error) }) ``` 在这个例子中，我们将responseType设置为arraybuffer，然后在响应成功时打印response中的data属性，此时data属性是一个ArrayBuffer对象。 总之，axios的responsetype类型设置非常方便，我们只需要在配置对象中设置responseType属性，就可以得到对应类型的响应数据，从而更好地处理和解析响应。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值