后台返回的base64格式的图片无法渲染到页面上

我就是我 2021-09-17 04:48 672阅读 0赞

最近开发一个项目，需要后台返回一个二维码，所以后台返回给我一串base64格式的字符串。本以为直接img标签渲染即可，但死活不出来，以为我的方法有问题，一直在查找。后来发现是后台返回的base64图片格式的字符串 带有换行和空格，写了一个方法去掉换行和空格，图片立马渲染成功（吐槽一下。。）

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1NDMwMDAw_size_16_color_FFFFFF_t_70][]

getQRcode () {
                let _this = this
                this.$http.get('/api/xxxxxxxxxxxxx/qrcode', {}).then((res) => {
                    if (res) {
                        // 后台返回的base64图片格式去掉空格和换行
                        let str = res.replace(/\. +/g, '')
                        str = str.replace(/[\r\n]/g, '')
                        _this.qrcode = str
                    } else {
                        console.log('图片不存在')
                    }
                }).catch(err => {
                    console.log(err.status, err.message)
                })
            }

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1NDMwMDAw_size_16_color_FFFFFF_t_70]: /images/20210813/8e2e9a70867843ac8a71f9bc37a220dc.png

发表评论取消回复

表情：

评论列表（有 0 条评论，672人围观）

还没有评论，来说两句吧...

相关阅读

相关 PHP将网络图片转为base64,PHP将图片转换成base64格式的优缺点

这篇文章主要介绍了关于PHP将图片转换成base64格式的优缺点，有着一定的参考价值，现在分享给大家，有需要的朋友可以参考一下一、图片转换成base64格式的优缺点 1.

ゝ一世哀愁。/ 2023年01月13日 04:03/ 0 赞/ 164 阅读

相关 Base64 图片互相转画 url路径返回到前端

1,在properties配置项目路径和端口 ip=127.0.0.1 port=8081 2,在resource下创建temp文件夹 3，base64和图片互转

今天药忘吃喽~/ 2022年11月21日 14:51/ 0 赞/ 155 阅读

相关【antd Vue】封装upload图片上传组件（返回Base64）

> 最近需要把上传的图片信息存储到数据库，以base64的方式，需要重新封装一下antd的upload组件 1. 使用方法引入组件然后配置一下即可使用，配置项包括

太过爱你忘了你带给我的痛/ 2022年11月04日 05:52/ 0 赞/ 369 阅读

相关图片上传(Base64)

图片上传(Base64) HTML <label for="pic_upload" class="file-update-title"> 标

野性酷女/ 2022年06月17日 11:16/ 0 赞/ 339 阅读

相关 base64转图片图片转base64

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR

本是古典何须时尚/ 2022年06月17日 05:09/ 0 赞/ 333 阅读

相关图片使用base64图片数据格式上传（后台使用springMVC）

一、前台JSP页面 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncod

Dear 丶/ 2022年06月08日 08:27/ 0 赞/ 187 阅读

相关将请求返回的图片转为Base64形式显示在页面上

情景：如图该请求返回一张图片，我该如何显示在页面上呢？ ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_

小鱼儿/ 2021年12月18日 15:15/ 0 赞/ 496 阅读

相关后台返回的base64格式的图片无法渲染到页面上

最近开发一个项目，需要后台返回一个二维码，所以后台返回给我一串base64格式的字符串。本以为直接img标签渲染即可，但死活不出来，以为我的方法有问题，一直在查找。后来发现是后

我就是我/ 2021年09月17日 04:48/ 0 赞/ 673 阅读

相关 js技能提升——字符串转为base64格式的图片路径(qrcode.js的使用)

应用场景：之前写过一篇关于不干胶条形码打印的文章，这次功能是与之相关的…… [apicloud不干胶条形码的打印：https://blog.csdn.net/yehao

我就是我/ 2021年09月07日 15:50/ 0 赞/ 3258 阅读

相关 JavaScript - 在新窗口中打开 base64 格式的图片

前言从后台返回img的base64，点击跳到新页面进行展示代码 const img = new Image() img.src = '

﹏ヽ暗。殇╰゛Y/ 2021年07月26日 19:17/ 0 赞/ 1700 阅读