关于后端二进制数据流转换blob对象(转化成前端可识别的图片)
前言:今天记录一下昨天调接口遇到的小问题。新项目当前我一个人做,登录页面里面有验证码这个环节。初始化页面时候调取一个get接口,后台返回一个二进制流的图片格式,console.log输出如下:第一次碰到这种格式的数据,一时间还不太会处理,后来在技术群里面咨询了大佬,回答是,这是后端传回来的二进制流数据,需要转化成blob(中文意思:斑点)对象。项目使用的vue框架,百度搜了下具体可行的方法如下:1
·
前言:今天记录一下昨天调接口遇到的小问题。新项目当前我一个人做,登录页面里面有验证码这个环节。初始化页面时候调取一个get接口,后台返回一个二进制流的图片格式,console.log输出如下:
第一次碰到这种格式的数据,一时间还不太会处理,后来在技术群里面咨询了大佬,回答是,这是后端传回来的二进制流数据,需要转化成blob(中文意思:斑点)对象。项目使用的vue框架,百度搜了下具体可行的方法如下:
1、在这个请求的接口里面需要添加 请求类型为blob类型
2、在页面里面调用这个接口以后,对返回的数据进行转换
window.URL.createObjectURL()
3、this.blobImage是在data里面定义一个变量,然后把这个变量赋值到src,记得给图片宽高就可以实现了
做项目也给自己整理一个错题本,遇到新问题及时记录,把经验攒下来,早上好!新的一天,奥里给i
更多推荐
已为社区贡献6条内容
所有评论(0)