在前端页面正确展示后端返回的验证码图片

您所在的位置:网站首页 js验证码页面显示不全 在前端页面正确展示后端返回的验证码图片

在前端页面正确展示后端返回的验证码图片

2024-07-10 16:18| 来源: 网络整理| 查看: 265

前言:

        在开发登录界面时,通过接口请求验证码;后端给返回的格式是Blob,直接用src引用没办法显示。

在控制台输入结果是:

 第一想法就是通过 window.URL.createObjectURL(new Blob([res.data],{type:'image/png'}))转换成url,结果转化成了url格式,但是页面上的图片还是不能给显示出来。

结果:

 经过百度筛选一系列文章的方法终于找到了适合我这种情况的解决方法

        调接口时 请求里面加入responseType: 'arraybuffer', 一定要加!!!

 

 

 请求返回数据 responseType类型:

 

 

 



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3