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

我就是我 2021-09-17 04:48 710阅读 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 条评论，710人围观）

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

相关阅读

相关前端 img标签显示 base64格式的图片

在做项目的时候，我从后端返回了一个base64格式的图片文件，想把它渲染在前端页面上，找了一下午都没有找到办法，最后终于找到了资料！哈哈！解决办法就是这样 ![70][]

深碍√TFBOYSˉ_/ 2023年10月10日 12:04/ 0 赞/ 53 阅读

相关 base64图片上传到指定目录

> base64图片上传示例 private String uploadBase64ToServer(String name,String base64) {

叁歲伎倆/ 2023年09月29日 01:10/ 0 赞/ 33 阅读

相关 java后台接收前端传递base64的图片

java后台接收前端传递base64的图片 //1.获取到后面到数据 String data = “data:image/png;base64,iVBORw0KGgoA

短命女/ 2023年02月18日 08:10/ 0 赞/ 25 阅读

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

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

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

相关图片上传(Base64)

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

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

相关 base64转图片图片转base64

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

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

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

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

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

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

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

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

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

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

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

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

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

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