axios接收base64文件流，转换为图片

最新推荐文章于 2021-05-27 11:38:34 发布

Yuer丶

最新推荐文章于 2021-05-27 11:38:34 发布

阅读量2k

点赞数 1

文章标签： post vue

本文链接：https://blog.youkuaiyun.com/Cute_new_rookie/article/details/107470848

版权

本文详细介绍了如何使用axios的responseType属性设置为arraybuffer来正确获取并显示验证码图片，解决了因转码导致的问题，同时提供了完整的代码示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

主要用于获取验证码图片，因为转码看了好久

//responseType值必为arraybuffer，否则不生效
this.$http.post('/passengerTraffic-admin/captcha/getKaptchaImage', params, { responseType: 'arraybuffer' }).then(res => {
                console.log(res);
                this.url =
                    'data:image/png;base64,' + btoa(new Uint8Array(res.data).reduce((data, byte) => data + String.fromCharCode(byte), ''));
            });