uniapp H5项目 获取接口的二进制流转化成图片url（base64）

本文主要是介绍uniapp H5项目 获取接口的二进制流转化成图片url（base64），希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

如果你使用的是uniapp,
并且你从接口获取下来的数据长这样：

想要把取到的数据展示成图片，那么你可以这样做：

    // 这是我们的项目封装的请求方法const res = await this.$api.getKaptcha({originResponse: true, // 这样写是为了在request那边特殊处理，目的是为了获取header里的数据 如果你不需要可以不写responseType: 'arraybuffer', // 这里一定要写 这样才能把数据转成arrayBuffer格式的params: { type: '1' } // 这里是我们的接口需要的参数})const { header, data } = res this.key= header.captchakey // 验证码key  // 这里是我们项目这里需要从接口获取的额外数据this.codeUrl = 'data:image/jpeg;base64,' + uni.arrayBufferToBase64(data) // 获取到url

// 图片展示<uv-image:src="codeUrl"width="100"height="32"></uv-image>

这篇关于uniapp H5项目 获取接口的二进制流转化成图片url（base64）的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---